Sfoglia il codice sorgente

编辑器新增点击选中图片功能

zhangjie 2 anni fa
parent
commit
83fc97226d
1 ha cambiato i file con 13 aggiunte e 0 eliminazioni
  1. 13 0
      src/components/vEditor/VEditor.vue

+ 13 - 0
src/components/vEditor/VEditor.vue

@@ -82,6 +82,7 @@ export default {
     this.initData();
     this.$refs.editor.addEventListener("paste", pasteHandle.bind(this));
     this.$refs.editor.addEventListener("wheel", this.wheelEventHandle);
+    this.$refs.editor.addEventListener("click", this.clickEventHandle);
   },
   beforeDestroy() {
     this.clearSetTs();
@@ -142,6 +143,18 @@ export default {
         }
       }
     },
+    clickEventHandle(e) {
+      const el = e.target;
+      if (el.tagName && el.tagName === "IMG") {
+        e.preventDefault();
+        e.stopPropagation();
+        const selection = window.getSelection();
+        selection.removeAllRanges();
+        const range = document.createRange();
+        range.selectNode(el);
+        selection.addRange(range);
+      }
+    },
   },
 };
 </script>