TinyMCE customize "file" menubar

javascript css tinymce
Kevin Pei picture Kevin Pei · Apr 16, 2013 · Viewed 18.9k times · Source

Is there a way to customize (add and remove options, e.t.c..) the menubar in TinyMCE 4.0? I am unable to find any documentation on that specific part of the editor. The image below demonstrates the part I'm talking about. enter image description here

Answer

toxalot picture toxalot · Apr 20, 2013

Version 4 is a major rewrite and the docs were out of sync for a while.

Through experimentation, I discovered that it is possible to enable/disable the drop-downs individually or disable the whole menubar.

Enable specific drop downs only:

tinymce.init({
    selector: "textarea",
    menubar: "edit format"
});

Disable menubar:

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

The menubar configuration docs have now been added to TinyMCE site.

Also, if you want to completely customize the whole menu, check out the menu configuration docs.

Related questions

how to add font-size toolbar in tinyMCE?

this way i initialize tinyMCE to a textarea. font, bold italic is working but font size select is not working . tinymce.init({ selector: "textarea#content", theme: "modern", width: 586, height: 300, menubar:false, font_size_classes : "fontSize1, fontSize2, fontSize3, fontSize4, fontSize5, fontSize6",//…

Read More
Changing the default font family in TinyMCE

I've successfully changed the default font inside the editor using the documentation here but that leaves me with a problem. The original default font no longer works in the font drop down list. Original default: Verdana New default: MyCustomFont When …

Read More
How do I add a class to a given element?

I have an element that already has a class: <div class="someclass"> <img ... id="image1" name="image1" /> </div> Now I want to create a JavaScript function that will add a class to the div (…

Read More