Bug 曝光台 testerhome 编辑区粘贴多张图 bug

sanmejie · 2019年05月22日 · 最后由 恒温 回复于 2019年05月23日 · 2058 次阅读

问题复现步骤:
1.使用 QQ 截图
2.在编辑文字区域使用快捷键 ctrl+v 粘贴

问题现象:
1.按一次 ctrl+v 粘贴 3 张图到编辑区

最佳回复

我自己的应用遇到过这个问题,是因为同时存在多个 Markdown 编辑器绑定了拖拽和 paste 事件监听
社区这个呢,估计是用户窗口多开导致的,绑定的监听事件重复,解决方法参见:

watch: {
  currentActive: function() {
    if (this.currentActive) {
      this.mdeIMGHandler('simpleMdeDesc');
    } else { // 移除非当前markdown编辑器中的监听
      if (this.$refs["simpleMdeDesc"]) {
        [this.$refs["simpleMdeDesc"]].map(({ simplemde }) => {
          if (simplemde.codemirror) {
            simplemde.codemirror.on("drop", false);
            simplemde.codemirror.on("paste", false);
          }
        });
      }
    }
  }
}

methods: {
  mdeIMGHandler(objectRef) {
    this.$nextTick(() => {
      [this.$refs[objectRef]].map(({ simplemde }) => {
        simplemde.codemirror.on("drop", (editor, e) =>{
          this.multiDragUpload(editor, e, simplemde);
        });
        simplemde.codemirror.on("paste", (editor, e) =>{
          this.singleCopyUpload(editor, e, simplemde);
        });
      });
    });
  }
}
共收到 6 条回复 时间 点赞

我也遇到了,我按一次 ctrl+v 能给我贴 5 张图,可是我不会做 gif 图😂

我自己的应用遇到过这个问题,是因为同时存在多个 Markdown 编辑器绑定了拖拽和 paste 事件监听
社区这个呢,估计是用户窗口多开导致的,绑定的监听事件重复,解决方法参见:

watch: {
  currentActive: function() {
    if (this.currentActive) {
      this.mdeIMGHandler('simpleMdeDesc');
    } else { // 移除非当前markdown编辑器中的监听
      if (this.$refs["simpleMdeDesc"]) {
        [this.$refs["simpleMdeDesc"]].map(({ simplemde }) => {
          if (simplemde.codemirror) {
            simplemde.codemirror.on("drop", false);
            simplemde.codemirror.on("paste", false);
          }
        });
      }
    }
  }
}

methods: {
  mdeIMGHandler(objectRef) {
    this.$nextTick(() => {
      [this.$refs[objectRef]].map(({ simplemde }) => {
        simplemde.codemirror.on("drop", (editor, e) =>{
          this.multiDragUpload(editor, e, simplemde);
        });
        simplemde.codemirror.on("paste", (editor, e) =>{
          this.singleCopyUpload(editor, e, simplemde);
        });
      });
    });
  }
}
我去催饭 回复

留下你的邮箱

我去催饭 回复

ScreenToGif 了解下

sanmejie 回复

相比之下,LICEcap 可能更牛逼一些~

槽神 回复

LICEcap 我用这个。

嗯 这个问题我还没定位到,因为自己重现不了。。。

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册