ckeditor5加字数_CKEditor5 输入文字时拼音和汉字同时输入问题

在使用 CKEditor5 + vue 时，出现输入文字时，拼音和文字一起输入到编辑器到问题。与之前项目中使用 ckeditor 的区别是，这次项目是在 python 架构下局部引入 ckeditor ，写法如下：

html：

id="editor"

class="notice-editor"

:editor="editor"

:config="editorConfig"

@ready="onReady"

/>

vue.js

原因(摘自某同事大牛的解释)：

v-model 本质上是实现了一个名叫 value 的 prop，然后有更新时会 emit 一个 input 信号。然后 ckeditor 同时还监听了 value 这个 prop 的修改，也就是父组件如果更新了 value，ckeditor 会收到信号，同时进行一些处理(ckeditor 认为外部更新了文档内容，因此也更新自己的内容)，于是导致了问题。

解决方法：

id="editor"

class="notice-editor"

:editor="editor"

:config="editorConfig"

:value="notice.content"

@ready="onReady"

@input="onEditorInput"

/>