Question

I have enabled the ‘fontsizeselect’ plugin in tinyMCE. My question is how do I remove the header (title) of the drop-down menu?

Edit:

I’ve tried removing it using JQuery .remove(), but after that the height of whole list is calculated wrong.

The second option I tried was:

http://www.tinymce.com/wiki.php/API3:method.tinymce.ui.DropMenu.remove

But that just went wrong and “fontsizeselect.remove(title)” (analogically to .add) makes error to whole tinyMCE – “missing : after property id”. Problably it is completly bad method to do this.

The third option was editing tiny_mce\themes\advanced\editor_template_src.js line 467:

c = ed.controlManager.createListBox('fontsizeselect', {title : 'advanced.font_size', onselect : function(v) {...}

but seems, that TinyMCE developers thought, that every drop-down must have title/header

Answer 1

SOLVED:
before initialization of MCE we have to override the menu rendering function

(function(tinymce) {
var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each, Dispatcher = tinymce.util.Dispatcher, undef;

tinymce.create('tinymce.ui.ListBoxNoTitle:tinymce.ui.ListBox', {
    renderMenu : function() {
        var t = this, m;

        m = t.settings.control_manager.createDropMenu(t.id + '_menu', {
            menu_line : 1,
            'class' : t.classPrefix + 'Menu mceNoIcons',
            max_width : 250,
            max_height : 150
        });

        m.onHideMenu.add(function() {
            t.hideMenu();
            t.focus();
        });

/*          m.add({
            title : t.settings.title,
            'class' : 'mceMenuItemTitle',
            onclick : function() {
                if (t.settings.onselect('') !== false)
                    t.select(''); // Must be runned after
            }
        });
*/
        each(t.items, function(o) {
            // No value then treat it as a title
            if (o.value === undef) {
                m.add({
                    title : o.title,
                    role : "option",
                    'class' : 'mceMenuItemTitle',
                    onclick : function() {
                        if (t.settings.onselect('') !== false)
                            t.select(''); // Must be runned after
                    }
                });
            } else {
                o.id = DOM.uniqueId();
                o.role= "option";
                o.onclick = function() {
                    if (t.settings.onselect(o.value) !== false)
                        t.select(o.value); // Must be runned after
                };

                m.add(o);
            }
        });

        t.onRenderMenu.dispatch(t, m);
        t.menu = m;
        }
    });
})(tinymce);

And with this comment on “m.add” You just have to add

tinyMCE.init({
        setup : function(ed) {
            ed.onBeforeRenderUI.add(function(ed){
        ed.controlManager.setControlType('listbox', tinymce.ui.ListBoxNoTitle);
            });
        }

});

this setup to standard initialization of tinyMCE. So, it can be done without editing source files.