vue-quill-editor限制字数长度

Vue-quill-editor是一个基于Quill富文本编辑器的Vue.js组件，它允许你在Vue应用程序中轻松地添加富文本编辑功能。如果你想要在使用这个编辑器时限制用户输入的字数，可以通过配置和自定义Quill的编辑器实例来实现。

以下是一个基本的方法：

1. 安装并引入`vue-quill-editor`：

   npm install vue-quill-editor

2. 在Vue组件中使用它，并在创建编辑器时设置`maxLength`属性：

   <template>
     <vue-quill-editor :options="quillConfig" v-model="content" />
   </template>

   <script>
   import QuillEditor from 'vue-quill-editor';

   export default {
     components: {
       QuillEditor,
     },
     data() {
       return {
         content: '',
         quillConfig: {
           modules: {
             // 添加限制字数模块
             counter: {
               maxLength: 100, // 这里设定为100字
               display: function(text) {
                 return `剩余 ${this.maxLength - text.length} 字`;
               },
             },
           },
         };
       };
     },
   };
   </script>

3. `counter`模块会在编辑器旁边显示剩余字符数，当用户输入超过限制时，编辑器将不再接受输入。