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

Adding non-button control to TinyMCE editor 4.x

本文关键字：TinyMCE 编辑器 添加 按钮 控件      更新时间：2023-09-26

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

对于普通按钮，我使用了addButton功能。但我一直纠结于如何在工具栏中添加其他TinyMCE UI类型，例如复选框。

addButton函数的文档显示：

添加一个稍后由ControlManager创建的按钮。这是一种添加按钮的更短、更简单的方法，无需直接处理ControlManager。但是，如果您需要更多的控制，请使用ControlManagers工厂方法，它也不那么强大。

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

一种解决方案是使用UIFactory创建方法，并将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

在您的tinymce init方法内部：

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