vue-quill-editor 富文本编辑器（图片拖拽控制大小）

npm install quill 
npm i quill-image-drop-module  -S // 拖拽插件
npm i quill-image-resize-module -S // 放大缩小插件

下面有全代码，先去复制运行试一下，

如果报错，去改下配置

根目录下的 vue.config.js 文件

const webpack = require('webpack')
module.exports = {
   
  // 在vue.config.js中configureWebpack中配置
  // 要引入webpack
  configureWebpack: {
   
    plugins: [
      new webpack.ProvidePlugin({
   
        'window.Quill': 'quill/dist/quill.js',
        Quill: 'quill/dist/quill.js'
      })
    ]
  }
}

全代码

<template>
  <div class="components-container">
    <div>
      <quill-editor ref="myQuillEditor" v-model="content" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" @ready="onEditorReady($event)" />
    </div>
    <div class="editor-content" v-html="content" />
  </div>
</template