TinyMCE v4將自定義項目添加到上下文菜單

我正在升級我的某個網站上的TinyMCE，並試圖將自定義項目添加到contextmenu插件。我似乎無法找到任何文檔，因爲我只能找到v3。TinyMCE v4將自定義項目添加到上下文菜單

我很容易在上一個版本中添加一個自定義鏈接到contextmenu，但由於TinyMCE改變了很多，我很難添加新鏈接。任何人都可以指出我正確的文檔？

我以前使用的最後一個版本如下：

ed.addCommand('fileMan', function(e) { 
    fileman(); 
    hide(ed, e); 
}); 

m.add({title : 'Filemanager', icon : 'image', cmd : 'fileMan'});

來源

2014-03-14 Meisam Mulla

我能想出解決辦法。下面是我做的：

名爲FILEMAN
創建了一個名爲plugin.js文件的插件目錄中創建一個新的文件夾，並添加該代碼在這篇文章的結尾吧
Minifed的代碼，並把在plugin.min.js
的精縮代碼在contextmenu插件文件夾編輯plugin.min.js並添加fileman到加載的插件列表
新增fileman到加載的插件時的列表初始化編輯

代碼：

tinymce.PluginManager.add('fileman', function(editor) { 
    editor.addMenuItem('fileman', { 
     icon: 'image', 
     text: 'Filemanager', 
     shortcut: 'Ctrl+J', 
     onclick: function() { 
      fileman.launch('editor'); 
     }, 
     context: 'insert', 
     prependToContext: true 
    }); 
});

來源

2014-03-26 21:00:39

我試過這個，但它不適用於我 –

這不適用於我... tinyMCE v4 – BrianLegg

我認爲上述解決方案不是用於添加contextmenu，而是添加不同的新菜單。 – user1688640

這有點棘手的解決方案，但完美的人，工作對我來說嘗試很多事情之後。

editor.on('contextmenu', function(editor) { 

this.settings.contextmenu = 'fileman | link openlink image inserttable | cell row column deletetable'; 

var exampleMenuItem = this.menuItems['italic']; 
this.menuItems['fileman'] = exampleMenuItem; 

this.menuItems['fileman'].cmd = 'mceFileMan'; 
this.menuItems['fileman'].icon = '../../file-icon.png'; 
this.menuItems['fileman'].text = 'File Manager';

}）;

來源

2017-04-13 19:11:18 user1688640

TinyMCE v4將自定義項目添加到上下文菜單

回答

相關問題