6.安装使用vue-quill-editor
前言: 在vue项目中,因为涉及到使用文本编辑器, 恰恰vue-quill-editor就是一个简单实用的富文本编辑器。 参考文档: vue中使用vue-quill-editor富文本编辑器,自定义toolbar修改工具栏options 实战: 1.安装 npm install vue-quill-editor --save 2.vue引入 在main.js中引入 1 import VueQuillEditor from 'vue-quill-editor' 2 // require styles 引入样式 3 import 'quill/dist/quill.core.css' 4 import 'quill/dist/quill.snow.css' 5 import 'quill/dist/quill.bubble.css' 6 7 Vue.use(VueQuillEditor) 3.使用 1 <template> 2 <quill- editor 3 v-model="content" 4 ref="myQuillEditor" 5 :options="editorOption" 6 @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" 7 @change="onEditorChange($event)"