问题描述:拖拽或粘贴图片上传到服务器后返回url插入富文本编辑器后,quill默认生成的base64图片链接也同时出现在富文本编辑器中,等于是有两张相同的图片,一张是我们服务器图片,一张是base64格式图片!!!!!!下面针对这问题进行修复
解决步骤1:在粘贴事件paste触发方法中使用e.preventDefault()阻止本次事件冒泡
解决步骤2:在拖拽事件drop中需要设置事件监听器第三个值给true,并且在触发方法中同时使用e.stopPropagation()和e.preventDefault()即可,如果上面两个步骤设置完还是不能阻止base64图片出现请继续往下看解决步骤3
解决步骤3:官方文档中的setContents方法可以对内容进行覆盖,base64格式图片都是以"data:image"开头,那么我们先取出富文本