【避坑指“难”】如何实现富文本编辑quill自定义图片、视频、文件等上传

图片与视频上传

 <el-upload
            ref="uploadBox"
            :action="接口地址"
            :before-upload="checkFileSize" //再往下翻写了方法
            :auto-upload="true"
            :on-success="uploadSuccess" //再往下翻写了方法
            :file-list="detailPics"
            :show-file-list="false"
            :name="isImg ? 'img' : 'file'"
            :limit="1"
            :accept="isImg ? 'image/*' : 'video/*'"
            style="display: none;"
          >
            <el-button ref="uploadImgBtn">上传图片</el-button>
</el-upload>

工具栏配置：

 container: [
              [
                {
    header: 1 },
                {
    header: 2 },
                {
    font: Font.whitelist },
                {
   
                  size: Size.whitelist
                }
              ],
              ['bold', 'italic', 'underline', 'strike', 'blockquote'],
              [
                {
    align: '' },
                {
    align: 'center' },
                {
    align: 'right' },
                {
    align: 'justify' }
              ],
              [{
    color: