將非按鈕控件添加到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', 
        }); 
       },