CKEditor 5, jQuery - 查找和替换文本

Question

如何使用 JavaScript 和 jQuery 查找和替换CKEditor 5 中的文本？

我想在文本中找到特殊字符“@”，并在我自己的文本中替换“@”和“@”字符之后的所有字符。

我正在使用更改：数据...

window.editor.model.document.on('change:data', () => {

});

Answer 1

您需要editor.getData()和editor.setData() ，然后使用 Regex @\w+  匹配@ , alphanumeric和space , 不匹配 space 它只适用于 paste 但你不能输入@user因为输入newString时它会替换为@u

下面的例子

 ClassicEditor.create(document.querySelector('#editor')).then(editor => { editor.model.document.on('change:data', () => { let content = editor.getData(); if (/@\w+( |\s)/gi.test(content)) { content = content.replace(/@\w+( |\s)/gi, 'newString ') editor.setData(content) } }) })

 <script src="https://cdn.ckeditor.com/ckeditor5/34.0.0/classic/ckeditor.js"></script> <div id="editor"></div>