How to remove icons from tinyMCE editor?

I just started using TinyMCE as a WYSIWYG editor, I wonder if anyone can see my question, this good editor can help me, here is my script:

<script type="text/javascript">
tinyMCE.init({
        mode : "exact",
         elements : "comment",
        theme : "advanced",
        plugins : "emotions,spellchecker,advhr,insertdatetime,preview",

        // Theme options - button# indicated the row# only
        theme_advanced_buttons : "undo,redo,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,fontselect,fontsizeselect,|,forecolor,backcolor,link,unlink,image,charmap,emotions",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",        
        skin : "o2k7",
        skin_variant : "silver"
});
</script>

but I get other icons, I really donโ€™t know how to remove them, for example: "sub", "sup", "HTML editor", .. Thanks in advance, My greetings.

+5
source share
2 answers

You need to define buttons for all three lines of the toolbar, even if you do not want buttons in them. Example:

theme_advanced_buttons1 : "undo,redo,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,fontselect,fontsizeselect,|,forecolor,backcolor,link,unlink,image,charmap,emotions",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",

Link: http://tinymce.moxiecode.com/wiki.php/Configuration:theme_advanced_buttons_1_n

, , - . , .

+9

theme_advanced_buttons1 ,

$(window).load(function(){
        $('#mce_14-body').hide();
        $('#mce_28-body').hide();
        $('#mce_20-body').hide();
      });

id ..

0

All Articles