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