TinyMCE-將插件放入下拉列表中？ （自定義工具欄菜單按鈕）

Question

我在TinyMCE 4中有4個用於處理圖像的插件，還有很多其他插件。 我想使事情整潔/干凈。

是否可以在TinyMCE 4的下拉菜單中添加現有插件？

我知道這種為新內容創建下拉列表的方法： https : //www.tinymce.com/docs/demo/custom-toolbar-menu-button/

在初始化中：

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;');
        }
      }]
    });
  },

但是我不明白如何在其中添加插件 。 就像插件“ image”或“ link”一樣。

有人知道嗎

Answer 1

每個插件都有其自己的JS文件，您將在每個插件中看到有關如何使其功能可用的代碼。 它可能會添加工具欄按鈕，完整菜單，現有菜單中的菜單項等。如果要更改菜單/工具欄中出現的內容，則需要在每個插件中修改該代碼。 例如，您將在link插件的代碼中找到此代碼：

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
});

如果要更改添加的按鈕/菜單或其出現的位置，則需要修改每個插件文件中的相關代碼。