vue 使用vue-quill-editor 富文本编辑器 demo 的问题,以及一个页面多个富文本编辑器出现的冲突。

 

需求:一个页面需要多个 富文本编辑器  ,暂选vue-quill-editor。

vue 使用vue-quill-editor 富文本编辑器 demo 的问题,以及一个页面多个富文本编辑器出现的冲突。_第1张图片

在使用过程中,添加  上传图片、视频的操作。单个编辑器正常使用,复用之后,第二个编辑器上传成功后找不到quill正确对象,还是用的第一个编辑器的对象。(请教大神后,需添加index,如下图,需要传不同的组件id,当时着急就没有仔细调试了),还未使用,目前使用vue-quill-editor  和 vue-quill-editor-extend,哈哈哈哈,当时急着用,增强版的里面没有视频,还得单独写,就两个一起用了。

vue 使用vue-quill-editor 富文本编辑器 demo 的问题,以及一个页面多个富文本编辑器出现的冲突。_第2张图片

更新同一组件冲突问题:简单解决方法,实例化两次,分别调用。亲测管用。我在试试传不同组件id试试


          
        
        
          
          
        
...
...
...

import UploadEditorImage from "../util/UploadEditorImage";
import UploadEditorImage1 from "../util/UploadEditorImage";
export default {
  components: { /*UploadEditor,*/ UploadEditorImage,UploadEditorImage1 }, //新增专辑、音频页面

下载vue-quill-editor ,vue-quill-editor-extend

Editor.vue 



 

增强版的



 

你可能感兴趣的