Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie vueup/vue-quill-Rich-Text in vue3 und begrenzen die Anzahl der Eingabezeichen

So verwenden Sie vueup/vue-quill-Rich-Text in vue3 und begrenzen die Anzahl der Eingabezeichen

PHPz
PHPznach vorne
2023-05-20 16:16:062671Durchsuche

1. Effektanzeige

So verwenden Sie vueup/vue-quill-Rich-Text in vue3 und begrenzen die Anzahl der Eingabezeichen

2. npm

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

3. Main.js-Einführung

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

<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>

Das obige ist der detaillierte Inhalt vonSo verwenden Sie vueup/vue-quill-Rich-Text in vue3 und begrenzen die Anzahl der Eingabezeichen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:yisu.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen