在extJs中向HTML编辑器添加按钮

Question

我在extJs中使用了htmleditor，但没有选择编辑框内写的文本。所以我自己创建了按钮并放在文本编辑器中，但看起来不太好。

我们可以通过哪种方式向html文本编辑器添加按钮（同一行中的2个按钮）。 简而言之，我想在html编辑器中添加“保存”和“取消”按钮。

我该怎么做？

Answer 1

您可以使用ExtJS.ux.HtmlEditor.Plugins - （扩展ExtJS HtmlEditor功能的插件集）来创建自己的按钮。您应该做的一件事是在插件中扩展 Ext.ux.form.HtmlEditor.MidasCommand ...然后将其添加到您的js文件中：

Ext.ux.form.HtmlEditor.Save= Ext.extend(Ext.ux.form.HtmlEditor.MidasCommand, {
    midasBtns: ['|',{
        cmd: 'save',
        title: 'Save'
    }]
});

并且对于按钮图标，您可以使用此样式：

.x-save {background: url(../images/save.png) 0 0 no-repeat !important;}

Answer 2

您可以使用ExtJS.ux.HtmlEditor.Plugins

https://github.com/VinylFox/ExtJS.ux.HtmlEditor.Plugins