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)
 })