浏览代码

修改富文本组件粘贴图片bug

zhuliu 1 年之前
父节点
当前提交
d27b9560a8
共有 1 个文件被更改,包括 8 次插入5 次删除
  1. 8 5
      src/utils/model/RichText/index.vue

+ 8 - 5
src/utils/model/RichText/index.vue

@@ -243,11 +243,14 @@ export default {
       }
       var str = await this.fileToBase64(file)
       var randNum=Math.floor(Math.random()*(9999-1000))+1000;;
-      var new_img = '<img key="'+ randNum +'" src="' + str + '" onClick="vm.checkImg(event)" style="width:80px;height: 80px;border: 1px solid #f9f6f675;vertical-align:middle">';
-      document.execCommand('insertText', false, new_img)
-      var alltext =  this.$refs.myEditBox.innerHTML
-      // var alltext =  this.parsedText(this.$refs.myEditBox.innerHTML)
-      this.$refs.myEditBox.innerHTML = alltext
+      var new_img = '<img key="'+ randNum +'" src="' + str + '" onClick="vm.checkImg(event)" style="width:80px;height: 80px;border: 1px solid #f9f6f675;vertical-align:middle"/>';
+      // document.execCommand('insertText', false, new_img)
+      // var alltext =  this.$refs.myEditBox.innerHTML
+      const parser = new DOMParser();  
+      const doc = parser.parseFromString(new_img, "text/html");  
+      var alltext =  doc.body.innerHTML
+      document.execCommand('insertHTML', false, alltext )
+      // this.$refs.myEditBox.innerHTML = alltext
       // 创建新的光标对象
 //       var range = document.createRange();
 //                 // 将光标对象的范围界定为新建的表情节点