Добавить пользовательскую кнопку в компонент ExtJS HtmlEditor - PullRequest
0 голосов
/ 18 декабря 2018

Я пытался добавить пользовательскую кнопку в мой HtmlEditor в ExtJs, но безуспешно:

            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>');
                },
            });

Она работает отлично, но когда я отмечаю текст (который я установил на нем "затемнение"), она не позволяеткнопка на панели инструментов (не распознается, что я использовал ее в тексте метки), и если я снова нажму на кнопку, она не удалит «чернение» из текста метки.

что я могу сделать?

спасибо большое

1 Ответ

0 голосов
/ 19 декабря 2018

Вы пытаетесь изменить свойство CSS редактора, но это не устранит почернение текста. Чтобы убрать выделение, логика должна получить длину введенного текста и диапазон выделения текста (длина, длина).

...