npm install vue-quill-editor --save
全局main.js
import VueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
Vue.use(VueQuillEditor)
局部
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import { quillEditor } from 'vue-quill-editor'
components: {
quillEditor
}
引用
<quillEditor v-model="formData.content" />
隱藏工具欄
<quillEditor v-model="formData.content" style="width: 99.5%" class="quill-editor1" />
.quill-editor1 {
.ql-toolbar {
display: none;
}
.ql-container {
border:0;
}
}
只讀
<quillEditor v-model="formData.content" style="width: 99.5%" class="quill-editor1" @focus="focus($event)" />
focus(event) {
event.enable(false) //設(shè)置富文本編輯器不可編輯
},
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
