Hiding Buttons doesnt work as expected

I’m submitting a bug report

• Library Version: 2.0.2

Please tell us about your environment:

• Operating System: OSX 10.14.1

• Browser: all | Chrome | Safari

• Language: TypeScript 3.1.6

Current behavior: Unable to hide Buttons with provided options: this.editorOptions = { hiddenButtons: ['cmdUrl', 'cmdImage', 'cmdCode', 'cmdPreview']};

Disable Buttons with options works as expected: this.editorOptions = { disabledButtons: ['cmdUrl', 'cmdImage', 'cmdCode', 'cmdPreview']};

Expected/desired behavior: Hide Buttons as expected

[CR34L]

Want to deploy the app on 1. of January. So I have to fix this issue by my own. I think it is just a minor issue…I will check this next week. Leaving you a message on progress. Cheers!

[stefanwalther]

The best workaround I have found so far is the following:

<angular-markdown-editor
   ... options
   class="angular-markdown-editor-minimalistic"
   ... other options
></angular-markdown-editor>

.angular-markdown-editor-minimalistic {

  // See here: https://css-tricks.com/almanac/selectors/a/attribute/
  ::ng-deep [data-handler$="cmdBold"] {
    display: none;
  }

}

---

Using then SCSS, I am doing the following, which always works to get a minimalistic version of the markdown-editor:

.angular-markdown-editor-minimalistic {

  $disabledButtons: cmdStrikethrough, cmdImage, cmdHeading, cmdUrl, cmdListO, cmdCode, cmdQuote, cmdTable, cmdPreview;

  @each $disabledButton in $disabledButtons {

    // See here: https://css-tricks.com/almanac/selectors/a/attribute/
    ::ng-deep [data-handler$="#{$disabledButton}"] {
      display: none;
    }
  }

}

Not ideal, but a well working workaround 😉