问题描述：拖拽或粘贴图片上传到服务器后返回url插入富文本编辑器后，quill默认生成的base64图片链接也同时出现在富文本编辑器中，等于是有两张相同的图片，一张是我们服务器图片，一张是base64格式图片！！！！！！下面针对这问题进行修复

解决步骤1：在粘贴事件paste触发方法中使用e.preventDefault()阻止本次事件冒泡

解决步骤2：在拖拽事件drop中需要设置事件监听器第三个值给true，并且在触发方法中同时使用e.stopPropagation()和e.preventDefault()即可，如果上面两个步骤设置完还是不能阻止base64图片出现请继续往下看解决步骤3

解决步骤3：官方文档中的setContents方法可以对内容进行覆盖，base64格式图片都是以"data:image"开头，那么我们先取出富文本编辑器的元素再遍历剔除掉base64格式图片再使用setContents方法覆盖回去即可，

    // 拖拽或粘贴的图片插入后会有本地图片元素 下面代码进行过滤const Delta = quill.editor.deltaDelta.ops.forEach((op, index) => {// 剔除本地图片元素if (op.insert && typeof op.insert.image === 'string' && op.insert.image.startsWith('data:image')) {Delta.ops.splice(index, 1)}})quill.setContents(Delta)

如果大家有更好的思路欢迎评论区留言

quill官方api文档：API - Quill Rich Text Editor 

粘贴图片上传到服务器博客参考：vue-quill-editor 修改上传图片或粘贴图片为 上传到服务器 方式。_雷迪嘎嘎的博客-CSDN博客_quill上传图片改为服务器上传