From 4784813ecec4ff0de90ca9653e7a3e8642937829 Mon Sep 17 00:00:00 2001
From: liuxiaohang <283700113@qq.com>
Date: Thu, 13 Oct 2022 17:26:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20editor=20insertImage=20=E8=A7=A6?=
 =?UTF-8?q?=E5=8F=91=20input=20=E6=96=B9=E6=B3=95=E6=B2=A1=E6=9C=89=20alt?=
 =?UTF-8?q?=20=E5=B1=9E=E6=80=A7=20question/155163?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/core/view/components/editor/index.vue | 31 +++++++++++------------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/core/view/components/editor/index.vue b/src/core/view/components/editor/index.vue
index 01d473c09..0b6fd4eb6 100644
--- a/src/core/view/components/editor/index.vue
+++ b/src/core/view/components/editor/index.vue
@@ -29,7 +29,6 @@ function isiOS () {
   return false
 }
 
-let textChanging = false
 export default {
   name: 'Editor',
   mixins: [subscriber, emitter, keyboard],
@@ -106,6 +105,9 @@ export default {
     })
   },
   methods: {
+    _textChangeHandler () {
+      this.$trigger('input', {}, this.getContents())
+    },
     _handleSubscribe ({
       type,
       data
@@ -161,18 +163,19 @@ export default {
               range = quill.getSelection(true)
               const { src = '', alt = '', width = '', height = '', extClass = '', data = {} } = options
               const path = this.$getRealPath(src)
-              quill.insertEmbed(range.index, 'image', path, Quill.sources.USER)
+              quill.insertEmbed(range.index, 'image', path, Quill.sources.SILENT)
               const local = /^(file|blob):/.test(path) ? path : false
-              // 防止 formatText 多次触发 Quill.events.TEXT_CHANGE 事件
-              textChanging = true
-              quill.formatText(range.index, 1, 'data-local', local)
-              quill.formatText(range.index, 1, 'alt', alt)
-              quill.formatText(range.index, 1, 'width', width)
-              quill.formatText(range.index, 1, 'height', height)
-              quill.formatText(range.index, 1, 'class', extClass)
-              textChanging = false
-              quill.formatText(range.index, 1, 'data-custom', Object.keys(data).map(key => `${key}=${data[key]}`).join('&'))
+              quill.formatText(range.index, 1, 'data-local', local, Quill.sources.SILENT)
+              quill.formatText(range.index, 1, 'alt', alt, Quill.sources.SILENT)
+              quill.formatText(range.index, 1, 'width', width, Quill.sources.SILENT)
+              quill.formatText(range.index, 1, 'height', height, Quill.sources.SILENT)
+              quill.formatText(range.index, 1, 'class', extClass, Quill.sources.SILENT)
+              quill.formatText(range.index, 1, 'data-custom', Object.keys(data).map(key => `${key}=${data[key]}`).join('&'), Quill.sources.SILENT)
               quill.setSelection(range.index + 1, Quill.sources.SILENT)
+              quill.scrollIntoView()
+              setTimeout(() => {
+                this._textChangeHandler()
+              }, 1000)
             }
             break
           case 'insertText':
@@ -289,11 +292,7 @@ export default {
           }
         })
       })
-      quill.on(Quill.events.TEXT_CHANGE, () => {
-        if (!textChanging) {
-          this.$trigger('input', {}, this.getContents())
-        }
-      })
+      quill.on(Quill.events.TEXT_CHANGE, this._textChangeHandler)
       quill.on(Quill.events.SELECTION_CHANGE, this.updateStatus.bind(this))
       quill.on(Quill.events.SCROLL_OPTIMIZE, () => {
         const range = quill.selection.getRange()[0]
-- 
GitLab