首页 > Vue在Element UI下使用富文本框插件quill-editor(我个人不推荐用这个复杂的富文本插件)

Vue在Element UI下使用富文本框插件quill-editor(我个人不推荐用这个复杂的富文本插件)

 

 

 

cnpm install vue-quill-editor
cnpm install quill-image-drop-module
cnpm install quill-image-resize-module

执行上面的命令安装,然后在main.js下面加入

 //引入quill-editor编辑器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)//实现quill-editor编辑器拖拽上传图片import * as Quill from 'quill'import { ImageDrop } from 'quill-image-drop-module'Quill.register('modules/imageDrop', ImageDrop)//实现quill-editor编辑器调整图片尺寸import ImageResize from 'quill-image-resize-module'Quill.register('modules/imageResize', ImageResize)

在vue页面中使用quill-editor

 

   

更多相关: