fix(link): individual character links may be pasted repeatedly due to markdown parsing

Author: big-camel

Diff for: packages/engine/src/change/native-event.ts

@@ -501,7 +501,12 @@ class NativeEvent {
 				this.paste(source);
 				const markdown = this.engine.options.markdown || {};
 				if (markdown.mode !== false) {
-					if (!markdown.check) {
+					// 单独的链接不做解析，由 paste:each 触发执行
+					if (
+						!markdown.check &&
+						text &&
+						!/^https?:\/\/\S+$/i.test(text.trim())
+					) {
 						if (!text) return;
 						// 没有 html，直接转换 markdown
 						if (!html) {
@@ -579,7 +584,7 @@ class NativeEvent {
 								pasteMarkdown(text);
 							}, 0);
 						}
-					} else {
+					} else if (markdown.check) {
 						markdown
 							.check(text ?? '', html ?? '')
 							.then((result) => {

Diff for: plugins/link-vue/src/index.ts

@@ -48,6 +48,7 @@ export default class<
 				onConfirm: this.options.onConfirm,
 			});
 			this.editor.on('markdown-it', this.markdownIt);
+			editor.on('paste:each', this.pasteHtml);
 		}
 		editor.on('parse:html', this.parseHtml);
 		editor.on('select', this.bindQuery);
@@ -121,6 +122,25 @@ export default class<
 		}
 	};
 
+	pasteHtml = (child: NodeInterface) => {
+		if (child.isText()) {
+			const text = child.text();
+			const { node, inline } = this.editor;
+			if (
+				/^https?:\/\/\S+$/.test(text.toLowerCase().trim()) &&
+				inline.closest(child).equal(child)
+			) {
+				const newNode = node.wrap(
+					child,
+					$(`<${this.tagName} target="_blank" href="${text}"></a>`),
+				);
+				inline.repairCursor(newNode);
+				return false;
+			}
+		}
+		return true;
+	};
+
 	parseHtml = (root: NodeInterface) => {
 		root.find(this.tagName).css({
 			'font-family': 'monospace',
@@ -136,8 +156,10 @@ export default class<
 	};
 
 	destroy(): void {
-		this.editor.off('parse:html', this.parseHtml);
-		this.editor.off('select', this.bindQuery);
-		this.editor.off('markdown-it', this.markdownIt);
+		const editor = this.editor;
+		editor.off('paste:each', this.pasteHtml);
+		editor.off('parse:html', this.parseHtml);
+		editor.off('select', this.bindQuery);
+		editor.off('markdown-it', this.markdownIt);
 	}
 }

Diff for: plugins/link/src/index.ts

@@ -51,7 +51,8 @@ export default class<
 			this.toolbar = new Toolbar(editor, {
 				onConfirm: this.options.onConfirm,
 			});
-			this.editor.on('markdown-it', this.markdownIt);
+			editor.on('markdown-it', this.markdownIt);
+			editor.on('paste:each', this.pasteHtml);
 		}
 		editor.on('parse:html', this.parseHtml);
 		editor.on('select', this.bindQuery);
@@ -125,6 +126,25 @@ export default class<
 		}
 	};
 
+	pasteHtml = (child: NodeInterface) => {
+		if (child.isText()) {
+			const text = child.text();
+			const { node, inline } = this.editor;
+			if (
+				/^https?:\/\/\S+$/.test(text.toLowerCase().trim()) &&
+				inline.closest(child).equal(child)
+			) {
+				const newNode = node.wrap(
+					child,
+					$(`<${this.tagName} target="_blank" href="${text}"></a>`),
+				);
+				inline.repairCursor(newNode);
+				return false;
+			}
+		}
+		return true;
+	};
+
 	parseHtml = (root: NodeInterface) => {
 		root.find(this.tagName).css({
 			'font-size': 'inherit',
@@ -136,8 +156,10 @@ export default class<
 	};
 
 	destroy(): void {
-		this.editor.off('parse:html', this.parseHtml);
-		this.editor.off('select', this.bindQuery);
-		this.editor.off('markdown-it', this.markdownIt);
+		const editor = this.editor;
+		editor.off('paste:each', this.pasteHtml);
+		editor.off('parse:html', this.parseHtml);
+		editor.off('select', this.bindQuery);
+		editor.off('markdown-it', this.markdownIt);
 	}
 }