增加对 Markdown 图片输入和粘贴的支持

Author: umodoc

src/extensions/image/index.ts

@@ -1,3 +1,4 @@
+import { nodeInputRule, nodePasteRule } from '@tiptap/core'
 import Image from '@tiptap/extension-image'
 import { type CommandProps, VueNodeViewRenderer } from '@tiptap/vue-3'
 
@@ -102,4 +103,30 @@ export default Image.extend({
         },
     }
   },
+  addPasteRules() {
+    return [
+      ...(this.parent?.() ?? []),
+      nodePasteRule({
+        find: /!\[([^\]]*)\]\(([^)\s]+)(?:\s+"([^"]+)"?)?\)/g,
+        type: this.type,
+        getAttributes: (match) => {
+          const [, alt, src, title] = match
+          return { src, alt, title }
+        },
+      }),
+    ]
+  },
+  addInputRules() {
+    return [
+      ...(this.parent?.() ?? []),
+      nodeInputRule({
+        find: /!\[([\S]+)\]\(([^)\s]+)(?:\s+"([\S]+)"?)?\)/g,
+        type: this.type,
+        getAttributes: (match) => {
+          const [, alt, src, title] = match
+          return { src, alt, title }
+        },
+      }),
+    ]
+  },
 })