3

我正在使用 TinyMCE 编辑器（版本 4.0.1）。我一直在尝试向编辑器工具栏添加一个复选框，但不知道该怎么做。

对于普通按钮，我使用了该addButton功能。但我不知道如何向工具栏添加其他 TinyMCE UI 类型，例如复选框。

该addButton函数的文档说：

添加稍后由 ControlManager 创建的按钮。这是一种更短更简单的添加按钮的方法，无需直接处理 ControlManager。但是，如果您需要更多控制，请改用 ControlManagers 工厂方法，它的功能也较弱。

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

一种解决方案是使用 UI Factory create 方法并将 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

4

1 回答 1

1

在您的 tinymce init 方法中：

setup : function(ed) {
                    ed.addButton('check', {
                        type:'checkbox',
                        text: 'some descriptive label',
                    });
                },
于 2014-03-06T04:53:31.507 回答