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

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

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

 

   

 

你可能感兴趣的:(舒工的Vue.js专栏)