如何观察CKEditor5的内容变化
如何观察CKEditor5的内容变化
提问于 2020-12-31 18:09:16
因此，我尝试将CKEditor5实现到我的Vuejs应用程序中
mounted() {
ClassicEditor.create( document.querySelector( '#editor' ) )
.then( editor => {
window.editor = editor;
} )
.catch( error => {
console.error( 'There was a problem initializing the editor.', error );
} );
}和在模板中
<div id="editor">
</div>当我尝试实现v-model时，它说它不支持div，所以我改成了textarea，但它似乎也不起作用。如何查看我的ckeditor中的每个内容的更改？我知道内容可以通过editor.getData()获得。但我不能这样做
watch: {
editor.getData() {
}
}注意到由于我的自定义构建错误，我不想像下面这样实现我的CKEditor
<ckeditor :editor="editor" v-model="editorData" :config="editorConfig"></ckeditor>感谢大家的阅读。非常感谢你的回答
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-12-31 18:18:42
我使用ClassicEditor处理数据更改，如下所示：
1-渲染的Textarea
<textarea id="editor" placeholder="Input a text..."></textarea>2-创建一个函数来构造和处理更改
ClassicEditor
.create(document.querySelector('#editor'), {
initialData: "I am an initial text"
})
.then(editor => {
editor.model.document.on('change:data', () => {
const data = editor.getData();
// Do somethign here
});
})
.catch(error => {
console.error(error);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65519419
复制相关文章
相似问题
腾讯云开发者
