Cara menggunakan teks kaya vueup/vue-quill dalam vue3 dan hadkan bilangan aksara input

1. Paparan kesan

2. npm

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

3 Pengenalan main.js

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

4

<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

Atas ialah kandungan terperinci Cara menggunakan teks kaya vueup/vue-quill dalam vue3 dan hadkan bilangan aksara input. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!