【Vue】Quill Editor自定义组件

最近小编在做案例展示，在富文本编辑器这里花了不少时间，还好有前端大哥帮忙，这才拨开云雾见月明。
对于图文信息，有多种编辑器，我选用的是Quill Editor。对vue的使用还不熟练，在富文本编辑器这里遇到的问题主要是上传图片，我们要求的是限制图片最大宽度800px，大小不超过1M。
下面我们来说说富文本编辑器的引入和使用：
1、执行命令：npm install vue-quill-editor --save
2、引入quill editor，自定义图片上传

<!-- 图片上传组件辅助-->
<el-upload
  class="avatar-uploader-ui"
  :action="serverUrl"
  :headers="headers"
  name="file"
  accept="image/png,image/jpg,image/jpeg"
  :show-file-list="false"
  :on-success="uploadSuccess"
  :on-error="uploadError"
  :before-upload="beforeUpload">
</el-upload>
<el-form-item label="图文信息录入" v-loading="quillUpdateImg">
      <div class="edit_container">
        <span>建议上传图片宽度=800 px，图片大小不能大于1M</span>
        <qu