How to use vueup/vue-quill rich text in vue3 and limit the number of input characters

1. Effect display

2. npm

npm install @vueup/vue-quill@alpha --save

3. Main.js introduction

import { QuillEditor } from '@vueup/vue-quill'
import '@vueup/vue-quill/dist/vue-quill.snow.css';
app.component('QuillEditor',QuillEditor)

4. Page usage

<quill-editor
 v-model:content="htmlValue"
 ref="myQuillEditor"
 contentType="html"
 :options="editorOption"
 @update:content="onEditorChange($event)">
</quill-editor>
<div class="editor_length">{{ TiLength }}/500</div>

rrree

The above is the detailed content of How to use vueup/vue-quill rich text in vue3 and limit the number of input characters. For more information, please follow other related articles on the PHP Chinese website!