22 Votes

TinyMCE: Hide Menu, Toolbar or Statusbar

Question by Guest | 2014-05-06 at 16:24

Is there any possibility to hide or remove the menu bar of the TinyMCE-HTML-Editor?

I am only using a few functions of TinyMCE so that this large menu bar is a little bit oversized for me.

Gladly, I would also like to hide the status bar at the bottom of the editor. Are there some commands for this?

ReplyPositiveNegativeDateVotes
3Best Answer5 Votes

When initializing TinyMCE you can just specify which bars should be displayed or not:

tinymce.init({
  selector: "textarea",
  menubar: false,
  statusbar: false,
  toolbar: false
});

In this example, "menubar", "statusbar" and "toolbar" will not be displayed. "menubar" is the menu bar at the top of the editor, "statusbar" is the bar at the bottom and "toolbar" is the bar containing the function buttons directly under the menu bar.

If you only would like to hide the menu, it is sufficient to write "menubar: false" and to omit the rest or set it to "true".
2014-05-06 at 16:47

ReplyPositive Negative
00 Votes

Where we write this code??

In which component??
2019-01-10 at 11:07

Positive Negative
11 Vote

It's just the normal init procedure of TinyMCE, not a component.

You have to add those parameters to your existing init procedure (tinymce.init).
Last update on 2021-04-06 | Created on 2019-01-10

Positive Negative
Reply
Reply

Related Topics

jQuery: Show and hide elements

Tutorial | 0 Comments

Important Note

Please note: The contributions published on askingbox.com are contributions of users and should not substitute professional advice. They are not verified by independents and do not necessarily reflect the opinion of askingbox.com. Learn more.

Participate

Ask your own question or write your own article on askingbox.com. That’s how it’s done.