How to customize editor button? (remove couple option)

[1c7 (Cheng Zheng)]

For example

How do I remove these option?

What’s the best way to do it?

just use CSS display:none?
something like

.bold.btn.no-text.btn-icon.ember-view{
   display: none;
}

it work, but is this the best way?

Thanks!

[Mittineague]

I don’t know if it might be the “best” way to do it. But it certainly is the simplest way to do it.

If you take it out of the DOM there is the possibility that users could add it back in (like you did using your dev tools to remove it)

If you wanted to take it out completely it would involve removing it from the output which is not so simple to do.

So I guess the question is why do you want to remove them. Is the goal to simply tidy up the options display or to deter or prevent users from having those options?

[1c7 (Cheng Zheng)]

Thanks for reply!
I simply want tidy up,
I am just asking in case there are better way, now I would keep using this CSS way~

Thanks again!

[kOS (KilianS)]

Hi there, have you or somebody else found a way to tidy up the the menu?

I wanna disable the calender symbol as it bites with the custom Event Plugin from Pavilion

[Moin]

Do you want to hide the icon or disable the locale dates feature entirely? The icon disappears if you disable discourse local dates enabled. However, if you don’t want to disable the feature in general, you can hide the button with CSS. You can also read more about customizing the composer toolbar at How to customize the composer toolbar? - #3 by awesomerobot.

[kOS (KilianS)]

@Moin

disable the feature in general?u=moin.

Yes, exactly this. Thanks for the tipp. This did the job for me.

@awesomerobot

.d-editor-button-bar {
  .local-dates {  // hides the date button
    display: none;
  }
}