@8btc/mditor 0.0.7 → 0.0.9

package/src/ts/util/editorCommonEvent.ts

@@ -1,21 +1,21 @@
-import {Constants} from "../constants";
-import {processHeading} from "../ir/process";
-import {processKeydown as irProcessKeydown} from "../ir/processKeydown";
-import {getMarkdown} from "../markdown/getMarkdown";
-import {previewImage} from "../preview/image";
-import {processHeading as processHeadingSV} from "../sv/process";
-import {processKeydown as mdProcessKeydown} from "../sv/processKeydown";
-import {setEditMode} from "../toolbar/EditMode";
-import {hidePanel} from "../toolbar/setToolbar";
-import {afterRenderEvent} from "../wysiwyg/afterRenderEvent";
-import {processKeydown} from "../wysiwyg/processKeydown";
-import {removeHeading, setHeading} from "../wysiwyg/setHeading";
-import {getEventName, isCtrl} from "./compatibility";
-import {execAfterRender, paste} from "./fixBrowserBehavior";
-import {getSelectText} from "./getSelectText";
-import {hasClosestByAttribute, hasClosestByMatchTag} from "./hasClosest";
-import {matchHotKey} from "./hotKey";
-import {getCursorPosition, getEditorRange} from "./selection";
+import { Constants } from "../constants";
+import { processHeading } from "../ir/process";
+import { processKeydown as irProcessKeydown } from "../ir/processKeydown";
+import { getMarkdown } from "../markdown/getMarkdown";
+import { previewImage } from "../preview/image";
+import { processHeading as processHeadingSV } from "../sv/process";
+import { processKeydown as mdProcessKeydown } from "../sv/processKeydown";
+import { setEditMode } from "../toolbar/EditMode";
+import { hidePanel } from "../toolbar/setToolbar";
+import { afterRenderEvent } from "../wysiwyg/afterRenderEvent";
+import { processKeydown } from "../wysiwyg/processKeydown";
+import { removeHeading, setHeading } from "../wysiwyg/setHeading";
+import { getEventName, isCtrl } from "./compatibility";
+import { execAfterRender, paste } from "./fixBrowserBehavior";
+import { getSelectText } from "./getSelectText";
+import { hasClosestByAttribute, hasClosestByMatchTag } from "./hasClosest";
+import { matchHotKey } from "./hotKey";
+import { getCursorPosition, getEditorRange } from "./selection";
 
 export const focusEvent = (vditor: IVditor, editorElement: HTMLElement) => {
     editorElement.addEventListener("focus", () => {
@@ -27,27 +27,40 @@ export const focusEvent = (vditor: IVditor, editorElement: HTMLElement) => {
 };
 
 export const dblclickEvent = (vditor: IVditor, editorElement: HTMLElement) => {
-    editorElement.addEventListener("dblclick", (event: MouseEvent & { target: HTMLElement }) => {
-        if (event.target.tagName === "IMG") {
-            if (vditor.options.image.preview) {
-                vditor.options.image.preview(event.target);
-            } else if (vditor.options.image.isPreview) {
-                previewImage(event.target as HTMLImageElement, vditor.options.lang, vditor.options.theme);
+    editorElement.addEventListener(
+        "dblclick",
+        (event: MouseEvent & { target: HTMLElement }) => {
+            if (event.target.tagName === "IMG") {
+                if (vditor.options.image.preview) {
+                    vditor.options.image.preview(event.target);
+                } else if (vditor.options.image.isPreview) {
+                    previewImage(
+                        event.target as HTMLImageElement,
+                        vditor.options.lang,
+                        vditor.options.theme
+                    );
+                }
             }
         }
-    });
+    );
 };
 
 export const blurEvent = (vditor: IVditor, editorElement: HTMLElement) => {
     editorElement.addEventListener("blur", (event) => {
         if (vditor.currentMode === "ir") {
-            const expandElement = vditor.ir.element.querySelector(".vditor-ir__node--expand");
+            const expandElement = vditor.ir.element.querySelector(
+                ".vditor-ir__node--expand"
+            );
             if (expandElement) {
                 expandElement.classList.remove("vditor-ir__node--expand");
             }
-        } else if (vditor.currentMode === "wysiwyg" &&
-            !vditor.wysiwyg.selectPopover.contains(event.relatedTarget as HTMLElement)) {
-            vditor.wysiwyg.hideComment();
+        } else if (
+            vditor.currentMode === "wysiwyg" &&
+            !vditor.wysiwyg.selectPopover.contains(
+                event.relatedTarget as HTMLElement
+            )
+        ) {
+            vditor.wysiwyg.hideSelectionPopover();
         }
         vditor[vditor.currentMode].range = getEditorRange(vditor);
         if (vditor.options.blur) {
@@ -59,14 +72,26 @@ export const blurEvent = (vditor: IVditor, editorElement: HTMLElement) => {
 export const dropEvent = (vditor: IVditor, editorElement: HTMLElement) => {
     editorElement.addEventListener("dragstart", (event) => {
         // 选中编辑器中的文字进行拖拽
-        event.dataTransfer.setData(Constants.DROP_EDITOR, Constants.DROP_EDITOR);
+        event.dataTransfer.setData(
+            Constants.DROP_EDITOR,
+            Constants.DROP_EDITOR
+        );
     });
-    editorElement.addEventListener("drop",
-        (event: ClipboardEvent & { dataTransfer?: DataTransfer, target: HTMLElement }) => {
+    editorElement.addEventListener(
+        "drop",
+        (
+            event: ClipboardEvent & {
+                dataTransfer?: DataTransfer;
+                target: HTMLElement;
+            }
+        ) => {
             if (event.dataTransfer.getData(Constants.DROP_EDITOR)) {
                 // 编辑器内选中文字拖拽
                 execAfterRender(vditor);
-            } else if (event.dataTransfer.types.includes("Files") || event.dataTransfer.types.includes("text/html")) {
+            } else if (
+                event.dataTransfer.types.includes("Files") ||
+                event.dataTransfer.types.includes("text/html")
+            ) {
                 // 外部文件拖入编辑器中或者编辑器内选中文字拖拽
                 paste(vditor, event, {
                     pasteCode: (code: string) => {
@@ -74,197 +99,284 @@ export const dropEvent = (vditor: IVditor, editorElement: HTMLElement) => {
                     },
                 });
             }
-        });
+        }
+    );
 };
 
-export const copyEvent =
-    (vditor: IVditor, editorElement: HTMLElement, copy: (event: ClipboardEvent, vditor: IVditor) => void) => {
-        editorElement.addEventListener("copy", (event: ClipboardEvent) => copy(event, vditor));
-    };
+export const copyEvent = (
+    vditor: IVditor,
+    editorElement: HTMLElement,
+    copy: (event: ClipboardEvent, vditor: IVditor) => void
+) => {
+    editorElement.addEventListener("copy", (event: ClipboardEvent) =>
+        copy(event, vditor)
+    );
+};
 
-export const cutEvent =
-    (vditor: IVditor, editorElement: HTMLElement, copy: (event: ClipboardEvent, vditor: IVditor) => void) => {
-        editorElement.addEventListener("cut", (event: ClipboardEvent) => {
-            copy(event, vditor);
-            // 获取 comment
-            if (vditor.options.comment.enable && vditor.currentMode === "wysiwyg") {
-                vditor.wysiwyg.getComments(vditor);
-            }
-            document.execCommand("delete");
-        });
-    };
+export const cutEvent = (
+    vditor: IVditor,
+    editorElement: HTMLElement,
+    copy: (event: ClipboardEvent, vditor: IVditor) => void
+) => {
+    editorElement.addEventListener("cut", (event: ClipboardEvent) => {
+        copy(event, vditor);
+        // 获取 comment
+        if (vditor.options.comment.enable && vditor.currentMode === "wysiwyg") {
+            vditor.wysiwyg.getComments(vditor);
+        }
+        document.execCommand("delete");
+    });
+};
 
 export const scrollCenter = (vditor: IVditor) => {
     if (vditor.currentMode === "wysiwyg" && vditor.options.comment.enable) {
-        vditor.options.comment.adjustTop(vditor.wysiwyg.getComments(vditor, true));
+        vditor.options.comment.adjustTop(
+            vditor.wysiwyg.getComments(vditor, true)
+        );
     }
     if (!vditor.options.typewriterMode) {
         return;
     }
     const editorElement = vditor[vditor.currentMode].element;
     const cursorTop = getCursorPosition(editorElement).top;
-    if (vditor.options.height === "auto" && !vditor.element.classList.contains("vditor--fullscreen")) {
-        window.scrollTo(window.scrollX,
-            cursorTop + vditor.element.offsetTop + vditor.toolbar.element.offsetHeight - window.innerHeight / 2 + 10);
+    if (
+        vditor.options.height === "auto" &&
+        !vditor.element.classList.contains("vditor--fullscreen")
+    ) {
+        window.scrollTo(
+            window.scrollX,
+            cursorTop +
+            vditor.element.offsetTop +
+            vditor.toolbar.element.offsetHeight -
+            window.innerHeight / 2 +
+            10
+        );
     }
-    if (vditor.options.height !== "auto" || vditor.element.classList.contains("vditor--fullscreen")) {
-        editorElement.scrollTop = cursorTop + editorElement.scrollTop - editorElement.clientHeight / 2 + 10;
+    if (
+        vditor.options.height !== "auto" ||
+        vditor.element.classList.contains("vditor--fullscreen")
+    ) {
+        editorElement.scrollTop =
+            cursorTop +
+            editorElement.scrollTop -
+            editorElement.clientHeight / 2 +
+            10;
     }
 };
 
 export const hotkeyEvent = (vditor: IVditor, editorElement: HTMLElement) => {
-    editorElement.addEventListener("keydown", (event: KeyboardEvent & { target: HTMLElement }) => {
-        if (!event.isComposing && vditor.options.keydown) {
-            vditor.options.keydown(event);
-        }
-        // hint: 上下选择
-        if ((vditor.options.hint.extend.length > 1 || vditor.toolbar.elements.emoji) &&
-            vditor.hint.select(event, vditor)) {
-            return;
-        }
-
-        // 重置 comment
-        if (vditor.options.comment.enable && vditor.currentMode === "wysiwyg" &&
-            (event.key === "Backspace" || matchHotKey("⌘X", event))) {
-            vditor.wysiwyg.getComments(vditor);
-        }
-
-        if (vditor.currentMode === "sv") {
-            if (mdProcessKeydown(vditor, event)) {
-                return;
+    editorElement.addEventListener(
+        "keydown",
+        (event: KeyboardEvent & { target: HTMLElement }) => {
+            if (!event.isComposing && vditor.options.keydown) {
+                vditor.options.keydown(event);
             }
-        } else if (vditor.currentMode === "wysiwyg") {
-            if (processKeydown(vditor, event)) {
+            // hint: 上下选择
+            if (
+                (vditor.options.hint.extend.length > 1 ||
+                    vditor.toolbar.elements.emoji) &&
+                vditor.hint.select(event, vditor)
+            ) {
                 return;
             }
-        } else if (vditor.currentMode === "ir") {
-            if (irProcessKeydown(vditor, event)) {
-                return;
+
+            // 重置 comment
+            if (
+                vditor.options.comment.enable &&
+                vditor.currentMode === "wysiwyg" &&
+                (event.key === "Backspace" || matchHotKey("⌘X", event))
+            ) {
+                vditor.wysiwyg.getComments(vditor);
             }
-        }
 
-        if (vditor.options.ctrlEnter && matchHotKey("⌘Enter", event)) {
-            vditor.options.ctrlEnter(getMarkdown(vditor));
-            event.preventDefault();
-            return;
-        }
+            if (vditor.currentMode === "sv") {
+                if (mdProcessKeydown(vditor, event)) {
+                    return;
+                }
+            } else if (vditor.currentMode === "wysiwyg") {
+                if (processKeydown(vditor, event)) {
+                    return;
+                }
+            } else if (vditor.currentMode === "ir") {
+                if (irProcessKeydown(vditor, event)) {
+                    return;
+                }
+            }
 
-        // undo
-        if (matchHotKey("⌘Z", event) && !vditor.toolbar.elements.undo) {
-            vditor.undo.undo(vditor);
-            event.preventDefault();
-            return;
-        }
+            if (vditor.options.ctrlEnter && matchHotKey("⌘Enter", event)) {
+                vditor.options.ctrlEnter(getMarkdown(vditor));
+                event.preventDefault();
+                return;
+            }
 
-        // redo
-        if (matchHotKey("⌘Y", event) && !vditor.toolbar.elements.redo) {
-            vditor.undo.redo(vditor);
-            event.preventDefault();
-            return;
-        }
+            // undo
+            if (matchHotKey("⌘Z", event) && !vditor.toolbar.elements.undo) {
+                vditor.undo.undo(vditor);
+                event.preventDefault();
+                return;
+            }
 
-        // esc
-        if (event.key === "Escape") {
-            if (vditor.hint.element.style.display === "block") {
-                vditor.hint.element.style.display = "none";
-            } else if (vditor.options.esc && !event.isComposing) {
-                vditor.options.esc(getMarkdown(vditor));
+            // redo
+            if (matchHotKey("⌘Y", event) && !vditor.toolbar.elements.redo) {
+                vditor.undo.redo(vditor);
+                event.preventDefault();
+                return;
             }
-            event.preventDefault();
-            return;
-        }
 
-        // h1 - h6 hotkey
-        if (isCtrl(event) && event.altKey && !event.shiftKey && /^Digit[1-6]$/.test(event.code)) {
-            if (vditor.currentMode === "wysiwyg") {
-                const tagName = event.code.replace("Digit", "H");
-                if (hasClosestByMatchTag(getSelection().getRangeAt(0).startContainer, tagName)) {
-                    removeHeading(vditor);
-                } else {
-                    setHeading(vditor, tagName);
+            // esc
+            if (event.key === "Escape") {
+                if (vditor.hint.element.style.display === "block") {
+                    vditor.hint.element.style.display = "none";
+                } else if (vditor.options.esc && !event.isComposing) {
+                    vditor.options.esc(getMarkdown(vditor));
                 }
-                afterRenderEvent(vditor);
-            } else if (vditor.currentMode === "sv") {
-                processHeadingSV(vditor, "#".repeat(parseInt(event.code.replace("Digit", ""), 10)) + " ");
-            } else if (vditor.currentMode === "ir") {
-                processHeading(vditor, "#".repeat(parseInt(event.code.replace("Digit", ""), 10)) + " ");
+                event.preventDefault();
+                return;
             }
-            event.preventDefault();
-            return true;
-        }
 
-        // toggle edit mode
-        if (isCtrl(event) && event.altKey && !event.shiftKey && /^Digit[7-9]$/.test(event.code)) {
-            if (event.code === "Digit7") {
-                setEditMode(vditor, "wysiwyg", event);
-            } else if (event.code === "Digit8") {
-                setEditMode(vditor, "ir", event);
-            } else if (event.code === "Digit9") {
-                setEditMode(vditor, "sv", event);
+            // h1 - h6 hotkey
+            if (
+                isCtrl(event) &&
+                event.altKey &&
+                !event.shiftKey &&
+                /^Digit[1-6]$/.test(event.code)
+            ) {
+                if (vditor.currentMode === "wysiwyg") {
+                    const tagName = event.code.replace("Digit", "H");
+                    if (
+                        hasClosestByMatchTag(
+                            getSelection().getRangeAt(0).startContainer,
+                            tagName
+                        )
+                    ) {
+                        removeHeading(vditor);
+                    } else {
+                        setHeading(vditor, tagName);
+                    }
+                    afterRenderEvent(vditor);
+                } else if (vditor.currentMode === "sv") {
+                    processHeadingSV(
+                        vditor,
+                        "#".repeat(
+                            parseInt(event.code.replace("Digit", ""), 10)
+                        ) + " "
+                    );
+                } else if (vditor.currentMode === "ir") {
+                    processHeading(
+                        vditor,
+                        "#".repeat(
+                            parseInt(event.code.replace("Digit", ""), 10)
+                        ) + " "
+                    );
+                }
+                event.preventDefault();
+                return true;
             }
-            return true;
-        }
 
-        // toolbar action
-        vditor.options.toolbar.find((menuItem: IMenuItem) => {
-            if (!menuItem.hotkey || menuItem.toolbar) {
-                if (menuItem.toolbar) {
-                    const sub = menuItem.toolbar.find((subMenuItem: IMenuItem) => {
-                        if (!subMenuItem.hotkey) {
-                            return false;
-                        }
-                        if (matchHotKey(subMenuItem.hotkey, event)) {
-                            vditor.toolbar.elements[subMenuItem.name].children[0]
-                                .dispatchEvent(new CustomEvent(getEventName()));
-                            event.preventDefault();
-                            return true;
-                        }
-                    });
-                    return sub ? true : false;
+            // toggle edit mode
+            if (
+                isCtrl(event) &&
+                event.altKey &&
+                !event.shiftKey &&
+                /^Digit[7-9]$/.test(event.code)
+            ) {
+                if (event.code === "Digit7") {
+                    setEditMode(vditor, "wysiwyg", event);
+                } else if (event.code === "Digit8") {
+                    setEditMode(vditor, "ir", event);
+                } else if (event.code === "Digit9") {
+                    setEditMode(vditor, "sv", event);
                 }
-                return false;
-            }
-            if (matchHotKey(menuItem.hotkey, event)) {
-                vditor.toolbar.elements[menuItem.name].children[0].dispatchEvent(new CustomEvent(getEventName()));
-                event.preventDefault();
                 return true;
             }
-        });
-    });
+
+            // toolbar action
+            vditor.options.toolbar.find((menuItem: IMenuItem) => {
+                if (!menuItem.hotkey || menuItem.toolbar) {
+                    if (menuItem.toolbar) {
+                        const sub = menuItem.toolbar.find(
+                            (subMenuItem: IMenuItem) => {
+                                if (!subMenuItem.hotkey) {
+                                    return false;
+                                }
+                                if (matchHotKey(subMenuItem.hotkey, event)) {
+                                    vditor.toolbar.elements[
+                                        subMenuItem.name
+                                    ].children[0].dispatchEvent(
+                                        new CustomEvent(getEventName())
+                                    );
+                                    event.preventDefault();
+                                    return true;
+                                }
+                            }
+                        );
+                        return sub ? true : false;
+                    }
+                    return false;
+                }
+                if (matchHotKey(menuItem.hotkey, event)) {
+                    vditor.toolbar.elements[
+                        menuItem.name
+                    ].children[0].dispatchEvent(
+                        new CustomEvent(getEventName())
+                    );
+                    event.preventDefault();
+                    return true;
+                }
+            });
+        }
+    );
 };
 
 /**
- * 选区事件处理：根据选中内容触发回调与评论按钮展示
- * - 当启用评论模式且开启内联面板时，显示评论按钮面板
+ * 选区事件处理（含防抖）：根据选中内容显示/隐藏选择浮窗
+ * - 受 options.selectionPopover.enable 控制
+ * - 防抖间隔使用 options.selectionPopover.debounceDelay（默认 150ms）
  */
 export const selectEvent = (vditor: IVditor, editorElement: HTMLElement) => {
-    editorElement.addEventListener("selectstart", (event: Event & { target: HTMLElement }) => {
-        editorElement.onmouseup = () => {
-            setTimeout(() => { // 鼠标放开后 range 没有即时更新
-                const selectText = getSelectText(vditor[vditor.currentMode].element);
-                if (selectText.trim()) {
-                    if (vditor.currentMode === "wysiwyg" && vditor.options.comment.enable) {
-                        if (!hasClosestByAttribute(event.target, "data-type", "footnotes-block") &&
-                            !hasClosestByAttribute(event.target, "data-type", "link-ref-defs-block")) {
-                            if (vditor.options.inlinePopover?.enable) {
-                                vditor.wysiwyg.showComment();
-                            }
-                        } else {
-                            vditor.wysiwyg.hideComment();
-                        }
-                    }
-                    if (vditor.options.select) {
-                        vditor.options.select(selectText);
-                    }
-                } else {
-                    if (vditor.currentMode === "wysiwyg" && vditor.options.comment.enable) {
-                        vditor.wysiwyg.hideComment();
-                    }
-                    if (typeof vditor.options.unSelect === 'function') {
-                        vditor.options.unSelect();
-                    }
+    let debounceTimer = 0;
+    const handleSelection = () => {
+        window.clearTimeout(debounceTimer);
+        const delay =
+            vditor.options.selectionPopover?.debounceDelay ?? 150;
+        debounceTimer = window.setTimeout(() => {
+            const selectText = getSelectText(
+                vditor[vditor.currentMode].element
+            );
+            if (selectText.trim()) {
+                if (
+                    vditor.currentMode === "wysiwyg" &&
+                    vditor.options.selectionPopover?.enable
+                ) {
+                    vditor.wysiwyg.showSelectionPopover();
                 }
-            });
-        };
+                if (vditor.options.select) {
+                    vditor.options.select(selectText);
+                }
+            } else {
+                if (vditor.currentMode === "wysiwyg") {
+                    vditor.wysiwyg.hideSelectionPopover();
+                }
+                if (typeof vditor.options.unSelect === "function") {
+                    vditor.options.unSelect();
+                }
+            }
+        }, delay);
+    };
+
+    editorElement.addEventListener(
+        "selectstart",
+        (event: Event & { target: HTMLElement }) => {
+            editorElement.onmouseup = handleSelection;
+        }
+    );
+
+    editorElement.addEventListener("keyup", (event: KeyboardEvent) => {
+        if (event.shiftKey && (event.key.startsWith("Arrow") || event.key === "Home" || event.key === "End")) {
+            handleSelection();
+        } else if (!event.shiftKey && (event.key.startsWith("Arrow") || event.key === "Escape")) {
+            // Cancel selection or move cursor without selection
+            handleSelection();
+        }
     });
 };

package/src/ts/util/processCode.ts

@@ -24,30 +24,30 @@ export const processPasteCode = (html: string, text: string, type = "sv") => {
     // 适配单独粘贴公式，使用 $$ 包装
     const formulaRegex = new RegExp(
         "^(?:" +
-            [
-                // 原有：基础数学命令（求和、分式、三角函数等）
-                /\\(sum|prod|frac|int|sqrt|lim|log|sin|cos|tan|displaystyle|textstyle|mathbb|mathbf|overline|underline|vec|hat|bar|cdot|leq|geq|neq|approx|to|xrightarrow|rightarrow|leftarrow|infty|partial|nabla)/
-                    .source,
-                // 原有：公式环境（如\begin{align}、\begin{equation}等）
-                /\\begin\{[^}]+\}/.source,
-                // 原有：左右括号命令（如\left(、\right]等）
-                /\\left|\\right/.source,
-                // 原有：化学/物理单位命令（如\ce{、\pu{）
-                /\\(ce|pu)\{/.source,
-                // 新增：希腊字母命令（如\alpha、\beta、\Gamma等）
-                /\\[a-zA-Z]+\b(?!\d)/.source,
-                // 新增：带数字/符号的命令（如\H_2、\text{...}、\mathbf{...}等）
-                /\\[a-zA-Z]+\d*\{/.source,
-                // 新增：特殊符号命令（如\$、\%、\&等）
-                /\\[^\w]/.source,
-                // 新增：上下标相关命令（如\underset、\overset）
-                /\\(underset|overset|substack|boxed|bbox)/.source,
-                // 新增：矩阵/数组环境起始（如\begin{matrix}）
-                /\\begin\{(matrix|array|pmatrix|bmatrix|vmatrix)\}/.source,
-                // 新增：其他数学函数（如 \operatorname）
-                /\\operatorname/.source,
-            ].join("|") +
-            ")"
+        [
+            // 原有：基础数学命令（求和、分式、三角函数等）
+            /\\(sum|prod|frac|int|sqrt|lim|log|sin|cos|tan|displaystyle|textstyle|mathbb|mathbf|overline|underline|vec|hat|bar|cdot|leq|geq|neq|approx|to|xrightarrow|rightarrow|leftarrow|infty|partial|nabla)/
+                .source,
+            // 原有：公式环境（如\begin{align}、\begin{equation}等）
+            /\\begin\{[^}]+\}/.source,
+            // 原有：左右括号命令（如\left(、\right]等）
+            /\\left|\\right/.source,
+            // 原有：化学/物理单位命令（如\ce{、\pu{）
+            /\\(ce|pu)\{/.source,
+            // 新增：希腊字母命令（如\alpha、\beta、\Gamma等）
+            /\\[a-zA-Z]+\b(?!\d)/.source,
+            // 新增：带数字/符号的命令（如\H_2、\text{...}、\mathbf{...}等）
+            /\\[a-zA-Z]+\d*\{/.source,
+            // 新增：特殊符号命令（如\$、\%、\&等）
+            /\\[^\w]/.source,
+            // 新增：上下标相关命令（如\underset、\overset）
+            /\\(underset|overset|substack|boxed|bbox)/.source,
+            // 新增：矩阵/数组环境起始（如\begin{matrix}）
+            /\\begin\{(matrix|array|pmatrix|bmatrix|vmatrix)\}/.source,
+            // 新增：其他数学函数（如 \operatorname）
+            /\\operatorname/.source,
+        ].join("|") +
+        ")"
     );
 
     if (formulaRegex.test(trimmedText)) {
@@ -197,6 +197,25 @@ export const processCodeRender = (
             cdn: vditor.options.cdn,
             math: vditor.options.preview.math,
         });
+    } else if (language === "selection") {
+        // 渲染文件选择标签
+        const content = previewPanel.textContent.trim();
+        const lines = content.split('\n');
+        const tags = lines.map(line => {
+            const match = line.trim().match(/^(.+?)\s+(\d+-\d+)$/);
+            if (match) {
+                const [, filename, lineRange] = match;
+                return `<div class="vditor-selection-tag">
+                    <span class="vditor-selection-tag__file">${filename}</span>
+                    <span class="vditor-selection-tag__lines">${lineRange}</span>
+                </div>`;
+            }
+            return '';
+        }).filter(tag => tag).join('');
+
+        if (tags) {
+            previewPanel.innerHTML = tags;
+        }
     } else {
         const cRender = vditor.options.customRenders.find((item) => {
             if (item.language === language) {

package/src/ts/wysiwyg/afterRenderEvent.ts

@@ -43,7 +43,7 @@ export const afterRenderEvent = (
         }
 
         try {
-            if (vditor.options.lineNumber) {
+            if (vditor.options.lineNumber?.enable) {
                 attachLineNumbersToBlocksThrottled(
                     vditor.wysiwyg.element,
                     text