向ExtJS HtmlEditor组件添加自定义按钮

Question

我试图在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>');
                },
            });

它工作正常，但是当我标记文本（我在其上设置“变黑”）时，它无法启用工具栏中的按钮（无法识别我在标记文本上使用了它），并且如果我再次单击该按钮它不会删除标记文本中的“变黑”。

我该怎么办？

非常感谢

Answer 1

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