Button 将自定义按钮添加到ExtJS HtmlEditor组件

我试图在ExtJs中将自定义按钮添加到我的HtmlEditor中，但没有成功：

            var toolbar = this.getToolbar();
            var editor = this;
            toolbar.add({
                xtype: 'button',
                itemId: 'Blackening',
                enableOnSelection: true,
                tooltip: {
                    title: 'blackening',
                    text: 'text blackening'
                },
                text: 'blackening',
                handler: function() { 
                    var text = editor.getDoc().getSelection().toString();
                    editor.relayCmd('InsertHTML', '<span style="border-bottom: 3px dotted red;">' + text + '</span>');
                },
            });

var toolbar=this.getToolbar（）；
var编辑器=这个；
工具栏。添加({
xtype:'按钮'，
itemId:'发黑'，
enableOnSelection：正确，
工具提示：{
标题:"发黑",，
文本：“文本变黑”
},
文字：“变黑”，
处理程序：函数（）{
var text=editor.getDoc（）.getSelection（）.toString（）；
editor.relayCmd（'InsertHTML'，''+text+''）；
},
});

它工作完美，但当我标记文本（我在其上设置了“黑化”）时，它不会启用工具栏中的按钮（无法识别我在标记文本上使用了它），如果我再次单击按钮，它不会从标记文本中删除“黑化”

我能做什么

---

非常感谢

您正在尝试更改编辑器的CSS属性，但这不会删除文本的黑化。要删除选择，逻辑是获取输入的文本长度和文本的选择范围（长度、长度）.

您可以与工作示例共享小提琴吗。@Tejas现在您可以解释小提琴所需的输出吗？当我单击最右边的按钮（变黑）时，它会像我预期的那样将3像素的红色底部添加到标记文本中，但当我再次单击时，它不会删除边框。。。实际上，它并没有在发黑按钮上设置按下的效果@特哈斯