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将自定义项目添加到上下文菜单

回答

相关问题