vue富文本编辑器vue-quill-editor使用总结(包含图片上传,拖拽,放大和缩小)
vue-quill-editor是vue很好的富文本编辑器,富文本的功能基本上都支持,样式是黑白色,简洁大方。 第一步下载 vue-quill-editor: npm i vue-quill-editor -S 第二步,将vue-quill-editor引入到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); 第三步,就可以在组件里面使用了。 1 // html 2 3 <div> 4 <quill-editor v-model="ruleForm.content" 5 :options="editorOption" 6 @blur="onEditorBlur($event)" 7 @focus="onEditorFocus($event)" 8 @change="onEditorChange($event)"> 9 </quill-editor> 10 </div> // js <script> import { quillEditor }