From ae035b5786bce659774eae4c1c6bcfdff3840ef9 Mon Sep 17 00:00:00 2001
From: yuantao <user@example.com>
Date: Thu, 16 Oct 2025 10:37:51 +0800
Subject: [PATCH] =?UTF-8?q?\"fix:=20=E4=BF=AE=E5=A4=8D=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E6=8B=96=E6=8B=BD=E4=BA=8B=E4=BB=B6=E7=9B=91=E5=90=AC=E5=99=A8?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF=EF=BC=8C=E7=A7=BB=E9=99=A4=E6=9C=AA=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89=E7=9A=84=E5=87=BD=E6=95=B0=E5=BC=95=E7=94=A8\"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/RichTextEditor.vue | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/components/RichTextEditor.vue b/src/components/RichTextEditor.vue
index 0893e8d..a3348f6 100644
--- a/src/components/RichTextEditor.vue
+++ b/src/components/RichTextEditor.vue
@@ -73,14 +73,28 @@ onMounted(() => {
   // 为已有图片添加拖拽事件监听器
   setTimeout(() => {
     console.log('Adding drag event listeners to existing images')
-    const imageElements = editorRef.value.querySelectorAll('img.editor-image')
-    console.log('Found existing images:', imageElements.length)
-    imageElements.forEach(img => {
-      console.log('Adding drag listeners to image:', img)
-      img.addEventListener('dragstart', handleImageDragStart)
-      img.addEventListener('dragover', handleImageDragOver)
-      img.addEventListener('drop', handleImageDrop)
-      img.addEventListener('dragend', handleImageDragEnd)
+    const imageContainers = editorRef.value.querySelectorAll('.image-container')
+    console.log('Found existing image containers:', imageContainers.length)
+    imageContainers.forEach(container => {
+      const img = container.querySelector('img.editor-image')
+      if (!img) return
+      
+      console.log('Adding touch listeners to image:', img)
+      // 添加触摸事件监听器
+      container.addEventListener('touchstart', handleTouchStart)
+      container.addEventListener('touchmove', handleTouchMove)
+      container.addEventListener('touchend', handleTouchEnd)
+      container.addEventListener('touchcancel', handleTouchCancel)
+      
+      // 为删除按钮添加点击事件
+      const deleteBtn = container.querySelector('.image-delete-btn')
+      if (deleteBtn) {
+        deleteBtn.addEventListener('click', function(e) {
+          e.stopPropagation();
+          container.remove();
+          handleInput();
+        });
+      }
     })
   }, 0)
 })