0

我在primeng编辑器中使用羽毛笔编辑器。我想在输入时对文本应用样式（文本更改）。当我在斜杠中输入文本时，我可能必须应用样式并且应该删除 2 个斜杠。例如：我正在使用 /quill/ 编辑器。这应该是：我正在使用羽毛笔编辑器。

仅斜线内的文本应应用样式。除了斜线内的文本不应应用该样式。

我已将以下代码添加到 Editor.ts

 this.quill.on('text-change', (delta, source) => {
            if (source == 'user') {
            this.highlightText();
            this.selfChange = true;
            let htmlValue = this.quill.getHTML();
            if (htmlValue == '<div><br></div>') {
                htmlValue = null;
            }

            this.onTextChange.emit({
                htmlValue: htmlValue,
                textValue: this.quill.getText(),
                delta: delta,
                source: source
            });
            //if (this.selfChange)
            this.onModelChange(htmlValue);
            // }
        });

highlightText() {
        var text = this.quill.getText(),
            hashRegex1 = /\/[a-zA-Z\.\*\&\s\d]*\//ig,
            match;

        // Try to clear all cssClass formats
        this.quill.formatText(0, this.quill.getLength(), 'cssClass', false);

        while (match = hashRegex1.exec(text)) {
            this.quill.formatText(match.index, match.index + match[0].length, 'cssClass', 'test');
            this.quill.deleteText(match.index, match.index + 1);
            var textLenth = match[0].length - 2;
            this.quill.deleteText(match.index + textLenth, match.index + textLenth + 1);
            this.quill.prepareFormat('bold', false);
            this.quill.focus();

        }
    }

但问题是一旦突出显示文本，以下文本输入就会突出显示（粗体）。突出显示文本后我无法停止突出显示文本，然后突出显示文本后所有文本都将突出显示。请帮助我。

4

1 回答 1

0

您可以使用formatText将格式应用于任意范围的文本。如果您使用的是 Quill 1.0 beta，上下文键盘处理程序可以使这更容易。

于 2016-07-02T00:31:51.323 回答