将非按钮控件添加到TinyMCE编辑器4.x

Question

我正在使用TinyMCE编辑器（版本4.0.1）。我一直在试图添加一个复选框到编辑器工具栏，但不知道如何去做。

对于正常的按钮，我已经使用了addButton函数。但我坚持如何将其他TinyMCE UI类型（如复选框）添加到工具栏。

为addButton函数文档指出：

再添后来得到由ControlManager创建一个按钮。这是添加按钮的简单方法，无需直接处理ControlManager。但是如果你需要更多的控制来代替使用ControlManagers工厂方法，它也不那么强大。

我试过ControlManager类，但它似乎只出现在TinyMCE 3.x API中。

一个解决方案是使用UI厂创建方法，并直接呈现UI项TinyMCE的编辑器的HTML，但是这似乎有点笨拙：

tinyMCE.ui.Factory.create({ 
    type: 'checkbox', 
    checked: true, 
    text: 'My checkbox' 
}).renderTo($('#mce_92-body')[0]); 

谁能想到更好的办法？

见http://www.tinymce.com/wiki.php/api4:class.tinymce.ui.Checkbox 和http://www.tinymce.com/wiki.php/api4:method.tinymce.Editor.addButton

Answer 1

内，您的TinyMCE的init方法：

setup : function(ed) { 
        ed.addButton('check', { 
         type:'checkbox', 
         text: 'some descriptive label', 
        }); 
       },