Editor 如何限制文本编辑器的内容长度

Editor 如何限制文本编辑器的内容长度,editor,text-editor,vue-cli,vuejs3,Editor,Text Editor,Vue Cli,Vuejs3,我正在使用vue3和vue3-editor() 我想我应该限制内容的长度,这样我所做的就是图像 我在vue3-editor.common.js、vue3-editor.umd.js添加了这段代码 我甚至不知道为什么两个文件中有相同的代码 如何限制长度,或者是否有其他适用于vue3的简单基本编辑器 您不想更改文件vue3 editor.common.js或vue3 editor.umd.js,因为这些文件是vue3 editor的发行版,并且每次更新此依赖项时都会被覆盖(通常不要直接更改节点模块

我正在使用vue3和vue3-editor() 我想我应该限制内容的长度,这样我所做的就是图像

我在vue3-editor.common.js、vue3-editor.umd.js添加了这段代码

我甚至不知道为什么两个文件中有相同的代码

如何限制长度,或者是否有其他适用于vue3的简单基本编辑器


您不想更改文件
vue3 editor.common.js
vue3 editor.umd.js
,因为这些文件是
vue3 editor
的发行版,并且每次更新此依赖项时都会被覆盖(通常不要直接更改
节点模块中的任何内容

好的是,您不需要这样做,因为
vue3编辑器
组件(在内部使用)正在将
文本更改
事件从Quill发送给您(请参阅)

模板:


剧本

data(){
返回{
内容:“”,
限额:50
}
},
方法:{
onTextChange(){
const quill=this.$refs.editor.quill
const len=quill.getLength()
如果(len>此限制){
quill.deleteText(this.limit,len);
}
}
}
虽然在阅读时,我不认为这是你想要的完美解决方案

/**What i did */
      if (this.quill.getLength() > 50) {
        this.quill.deleteText(50, this.quill.getLength());
      }
/*/