TinyMCE - Put Plugins in einem Dropdown? (Custom Toolbar Menütaste)

Question

Ich habe 4 verschiedene Plugins für den Umgang mit Bildern in TinyMCE 4, sowie eine Menge anderer Plugins. Ich möchte die Dinge viel aufgeräumter machen.

Ist es eine Möglichkeit, vorhandene Plugins zu einem Dropdown-Menü in TinyMCE 4 hinzuzufügen?

Ich kenne diese Methode Dropdown-Listen für Neues zu schaffen: https://www.tinymce.com/docs/demo/custom-toolbar-menu-button/

Im init:

setup: function(editor) { 
    editor.addButton('mybutton', { 
     type: 'menubutton', 
     text: 'My button', 
     icon: false, 
     menu: [{ 
     text: 'Menu item 1', 
     onclick: function() { 
      editor.insertContent('&nbsp;<strong>Menu item 1 here!</strong>&nbsp;'); 
     } 
     }, { 
     text: 'Menu item 2', 
     onclick: function() { 
      editor.insertContent('&nbsp;<em>Menu item 2 here!</em>&nbsp;'); 
     } 
     }] 
    }); 
    }, 

ABER ich verstehe nicht, wie Plugins dort hinzuzufügen. Wie das Plugin "image" oder "link".

Weiß jemand?

Answer 1

Jedes Plugin hat seine eigene JS-Datei und Sie werden Code in jedem Plugin sehen, wie es seine Fähigkeiten zur Verfügung stellt. Es kann Symbolleistenschaltflächen, vollständige Menüs, Menüelemente in vorhandenen Menüs usw. hinzufügen. Wenn Sie ändern möchten, wo Dinge in den Menüs/Symbolleisten angezeigt werden, müssen Sie diesen Code in jedem Plugin ändern. Zum Beispiel werden Sie dies in dem link Plugins Code:

editor.addButton('link', { 
    icon: 'link', 
    tooltip: 'Insert/edit link', 
    shortcut: 'Meta+K', 
    onclick: createLinkList(showDialog), 
    stateSelector: 'a[href]' 
}); 

editor.addButton('unlink', { 
    icon: 'unlink', 
    tooltip: 'Remove link', 
    cmd: 'unlink', 
    stateSelector: 'a[href]' 
}); 

editor.addShortcut('Meta+K', '', createLinkList(showDialog)); 
editor.addCommand('mceLink', createLinkList(showDialog)); 

this.showDialog = showDialog; 

editor.addMenuItem('link', { 
    icon: 'link', 
    text: 'Insert/edit link', 
    shortcut: 'Meta+K', 
    onclick: createLinkList(showDialog), 
    stateSelector: 'a[href]', 
    context: 'insert', 
    prependToContext: true 
}); 

Wenn Sie möchten, ändern, was Taste/Menüs hinzugefügt werden oder wo sie erscheinen müssen Sie den entsprechenden Code in jeder Plugin-Datei ändern.