如何将自定义控件添加到TinyMce 4工具栏
问题描述:
我想介绍一个新的Control
到我可以在工具栏中使用的TinyMce。在我的情况下,我想添加一个图标控件,可以放在工具栏的开头,以区分编辑器。如何将自定义控件添加到TinyMce 4工具栏
但是几乎没有关于如何正确执行此操作的信息。
答
最后,我设法想出了一个方法来正确地做到这一点。
首先我介绍一个新的插件icon
(在icon/plugin.js
),其登记一个新的控制Icon
。它使用设置iconClass
。
tinymce.PluginManager.add('icon', function() {
tinymce.ui.Icon = tinymce.ui.Widget.extend({
renderHtml: function() {
return '<span class="icon icon-' + this.settings.iconClass + '"> </span>';
}
});
});
接下来我添加了一个按钮facebook
到工具栏的方式如下:
editor.addButton('facebook', {
type: 'icon',
iconClass: 'facebook-share'
});
现在,我可以把它添加到工具栏规格:
tinymce.init({
toolbar: "facebook"
})
这就是它!新的自定义控件不应该呈现。插件代码只运行一次;即使多次使用。
“终于?” '4分钟前问' - >'4分钟前回答'! – GoBusto 2015-02-06 08:43:50
:)半年前我试图解决这个问题。今天我试图再次解决并再次失败。所以当我得到答案时,我正在问这个问题。 – 2015-02-09 07:49:01