富文本编辑器的使用
Posted lujunan
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了富文本编辑器的使用相关的知识,希望对你有一定的参考价值。
1 下载 npm install vue-quill-editor --save 2 3 然后在main.js里面引入 4 /富文本编辑器 5 import VueQuillEditor from ‘vue-quill-editor‘ 6 import ‘quill/dist/quill.core.css‘ 7 import ‘quill/dist/quill.snow.css‘ 8 import ‘quill/dist/quill.bubble.css‘ 9 import ‘@/styles/index.scss‘ // global css全局样式 10 Vue.use(VueQuillEditor) 11 12 13 14 在组件使用方法 15 <quill-editor class="appwrapper" 16 v-if="quillshow" 17 v-model="content" 18 ref="myQuillEditor" 19 :options="editorOption" 20 @blur="onEditorBlur($event)" 21 @focus="onEditorFocus($event)" 22 @change="onEditorChange($event)"> 23 </quill-editor>//不用的就可以删除
以上是关于富文本编辑器的使用的主要内容,如果未能解决你的问题,请参考以下文章