vue2中引用vue-quill-editor富文本编辑器更改图片大小

富文本编辑器在后台管理中用到都地方非常多，目前项目使用都是vue2,引入vue-quill-editor副文本编辑器，满足需求更改图片大小。

vue-quill-editor相关文档：
https://github.com/surmon-china/vue-quill-editor

1、安装        

npm install quill-image-resize-module quill-image-drop-module --save

2、引入

import ImageResize from 'quill-image-resize-module'
Quill.register('modules/imageResize', ImageResize)

3、配置

（1）项目build文件下，webpack.dev.conf.js和webpack.prod.conf.js两个都修改下。

new webpack.ProvidePlugin({
    'window.Quill': 'quill/dist/quill.js',
    'Quill': 'quill/dist/quill.js'
}),

（2）在编辑器页面配置

// 与toolbar平级
imageResize: {
  displayStyles: {
      backgroundColor: 'black',
      border: 'none',
      color: 'white'
  },
  modules: [ 'Resize', 'DisplaySize', 'Toolbar' ]
},
   

找到对应位置进行修改，修改完成后重新运行项目！！！