Rumah > hujung hadapan web > View.js > teks badan

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

PHPz
Lepaskan: 2023-05-20 16:16:06
ke hadapan
2768 orang telah melayarinya

1. Paparan kesan

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

2. npm

npm install @vueup/vue-quill@alpha --save
Salin selepas log masuk

3 Pengenalan main.js

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

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>
Salin selepas log masuk
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!

Label berkaitan:
sumber:yisu.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan