vditor 3.11.3 → 4.0.1

package/src/ts/util/fixBrowserBehavior.ts

@@ -79,6 +79,21 @@ export const fixCursorDownInlineMath = (range: Range, key: string) => {
 };
 
 export const insertEmptyBlock = (vditor: IVditor, position: InsertPosition) => {
+    if (vditor.currentMode === "sv") {
+        const element = vditor.sv.element;
+        if (position === "beforebegin") {
+            const lineStart = element.value.lastIndexOf("\n", element.selectionStart - 1) + 1;
+            element.setRangeText("\n", lineStart, lineStart, "end");
+            element.setSelectionRange(lineStart, lineStart);
+        } else {
+            const lineEndIndex = element.value.indexOf("\n", element.selectionEnd);
+            const lineEnd = lineEndIndex === -1 ? element.value.length : lineEndIndex;
+            element.setRangeText("\n", lineEnd, lineEnd, "end");
+        }
+        element.focus();
+        processSVAfterRender(vditor);
+        return;
+    }
     const range = getEditorRange(vditor);
     const blockElement = hasClosestBlock(range.startContainer);
     if (blockElement) {
@@ -177,10 +192,40 @@ export const insertBeforeBlock = (vditor: IVditor, event: KeyboardEvent, range:
 
 export const listToggle = (vditor: IVditor, range: Range, type: string, cancel = true) => {
     const itemElement = hasClosestByMatchTag(range.startContainer, "LI");
+    const selectedBlockElements: HTMLElement[] = [];
+    const startBlockElement = hasClosestByAttribute(range.startContainer, "data-block", "0");
+    const endBlockElement = hasClosestByAttribute(range.endContainer, "data-block", "0");
+    if (startBlockElement && endBlockElement &&
+        startBlockElement.parentElement.isSameNode(endBlockElement.parentElement)) {
+        let blockElement: Element = startBlockElement;
+        while (blockElement) {
+            selectedBlockElements.push(blockElement as HTMLElement);
+            if (blockElement.isSameNode(endBlockElement)) {
+                break;
+            }
+            blockElement = blockElement.nextElementSibling;
+        }
+    }
     vditor[vditor.currentMode].element.querySelectorAll("wbr").forEach((wbr) => {
         wbr.remove();
     });
-    range.insertNode(document.createElement("wbr"));
+    const keepSelection = !range.collapsed;
+    if (keepSelection) {
+        // 列表转换会重建块元素，分别标记选区起止位置以便恢复原始选区
+        const endRange = range.cloneRange();
+        endRange.collapse(false);
+        const endElement = document.createElement("wbr");
+        endElement.setAttribute("data-type", "list-selection-end");
+        endRange.insertNode(endElement);
+
+        const startRange = range.cloneRange();
+        startRange.collapse(true);
+        const startElement = document.createElement("wbr");
+        startElement.setAttribute("data-type", "list-selection-start");
+        startRange.insertNode(startElement);
+    } else {
+        range.insertNode(document.createElement("wbr"));
+    }
 
     if (cancel && itemElement) {
         // 取消
@@ -197,25 +242,24 @@ export const listToggle = (vditor: IVditor, range: Range, type: string, cancel =
     } else {
         if (!itemElement) {
             // 添加
-            let blockElement = hasClosestByAttribute(range.startContainer, "data-block", "0");
-            if (!blockElement) {
+            if (selectedBlockElements.length === 0) {
                 vditor[vditor.currentMode].element.querySelector("wbr").remove();
-                blockElement = vditor[vditor.currentMode].element.querySelector("p");
+                const blockElement = vditor[vditor.currentMode].element.querySelector("p");
                 blockElement.innerHTML = "<wbr>";
+                selectedBlockElements.push(blockElement);
             }
-            if (type === "check") {
-                blockElement.insertAdjacentHTML("beforebegin",
-                    `<ul data-block="0"><li class="vditor-task"><input type="checkbox" /> ${blockElement.innerHTML}</li></ul>`);
-                blockElement.remove();
-            } else if (type === "list") {
-                blockElement.insertAdjacentHTML("beforebegin",
-                    `<ul data-block="0"><li>${blockElement.innerHTML}</li></ul>`);
-                blockElement.remove();
-            } else if (type === "ordered-list") {
-                blockElement.insertAdjacentHTML("beforebegin",
-                    `<ol data-block="0"><li>${blockElement.innerHTML}</li></ol>`);
-                blockElement.remove();
-            }
+            let listHTML = "";
+            selectedBlockElements.forEach((blockElement) => {
+                if (type === "check") {
+                    listHTML += `<li class="vditor-task"><input type="checkbox" /> ${blockElement.innerHTML}</li>`;
+                } else {
+                    listHTML += `<li>${blockElement.innerHTML}</li>`;
+                }
+            });
+            const listTagName = type === "ordered-list" ? "ol" : "ul";
+            selectedBlockElements[0].insertAdjacentHTML("beforebegin",
+                `<${listTagName} data-block="0">${listHTML}</${listTagName}>`);
+            selectedBlockElements.forEach((blockElement) => blockElement.remove());
         } else {
             // 切换
             if (type === "check") {
@@ -227,7 +271,14 @@ export const listToggle = (vditor: IVditor, range: Range, type: string, cancel =
             } else {
                 if (itemElement.querySelector("input")) {
                     itemElement.parentElement.querySelectorAll("li").forEach((item) => {
-                        item.querySelector("input").remove();
+                        const inputElement = item.querySelector("input");
+                        if (inputElement) {
+                            const nextSibling = inputElement.nextSibling;
+                            inputElement.remove();
+                            if (nextSibling && nextSibling.nodeType === 3 && nextSibling.textContent.startsWith(" ")) {
+                                nextSibling.textContent = nextSibling.textContent.substring(1);
+                            }
+                        }
                         item.classList.remove("vditor-task");
                     });
                 }
@@ -246,6 +297,18 @@ export const listToggle = (vditor: IVditor, range: Range, type: string, cancel =
             }
         }
     }
+    if (keepSelection) {
+        const editorElement = vditor[vditor.currentMode].element;
+        const startElement = editorElement.querySelector('[data-type="list-selection-start"]');
+        const endElement = editorElement.querySelector('[data-type="list-selection-end"]');
+        if (startElement && endElement) {
+            range.setStartAfter(startElement);
+            range.setEndBefore(endElement);
+            startElement.remove();
+            endElement.remove();
+            setSelectionFocus(range);
+        }
+    }
 };
 
 export const listIndent = (vditor: IVditor, liElement: HTMLElement, range: Range) => {
@@ -1328,7 +1391,8 @@ export const fixFirefoxArrowUpTable = (event: KeyboardEvent, blockElement: false
 export const paste = async (vditor: IVditor, event: (ClipboardEvent | DragEvent) & {target: HTMLElement}, callback: {
     pasteCode(code: string): void,
 }) => {
-    if (vditor[vditor.currentMode].element.getAttribute("contenteditable") !== "true") {
+    if (vditor.currentMode === "sv" ? vditor.sv.element.disabled :
+        vditor[vditor.currentMode].element.getAttribute("contenteditable") !== "true") {
         return;
     }
     event.stopPropagation();
@@ -1353,7 +1417,6 @@ export const paste = async (vditor: IVditor, event: (ClipboardEvent | DragEvent)
         HTML2VditorIRDOM?: ILuteRender,
         Md2VditorDOM?: ILuteRender,
         Md2VditorIRDOM?: ILuteRender,
-        Md2VditorSVDOM?: ILuteRender,
     } = {};
     const renderLinkDest: ILuteRenderCallback = (node, entering) => {
         if (!entering) {
@@ -1397,12 +1460,11 @@ export const paste = async (vditor: IVditor, event: (ClipboardEvent | DragEvent)
                         }
                         const original = responseJSON.data.originalURL;
                         if (vditor.currentMode === "sv") {
-                            vditor.sv.element.querySelectorAll(".vditor-sv__marker--link")
-                                .forEach((item: HTMLElement) => {
-                                    if (item.textContent === original) {
-                                        item.textContent = responseJSON.data.url;
-                                    }
-                                });
+                            const selectionStart = vditor.sv.element.selectionStart;
+                            const selectionEnd = vditor.sv.element.selectionEnd;
+                            vditor.sv.element.value = vditor.sv.element.value.split(original)
+                                .join(responseJSON.data.url);
+                            vditor.sv.element.setSelectionRange(selectionStart, selectionEnd);
                         } else {
                             const imgElement: HTMLImageElement =
                                 vditor[vditor.currentMode].element.querySelector(`img[src="${original}"]`);
@@ -1428,7 +1490,7 @@ export const paste = async (vditor: IVditor, event: (ClipboardEvent | DragEvent)
         } else if (vditor.currentMode === "wysiwyg") {
             return ["", Lute.WalkContinue];
         } else {
-            return [`<span class="vditor-sv__marker--link">${Lute.EscapeHTMLStr(src)}</span>`, Lute.WalkContinue];
+            return ["", Lute.WalkContinue];
         }
     };
 
@@ -1454,7 +1516,13 @@ export const paste = async (vditor: IVditor, event: (ClipboardEvent | DragEvent)
     const codeElement = vditor.currentMode === "sv" ?
         hasClosestByAttribute(event.target, "data-type", "code-block") :
         hasClosestByMatchTag(event.target, "CODE");
-    if (codeElement) {
+    const cellElement = vditor.currentMode === "wysiwyg" &&
+        (hasClosestByMatchTag(getEditorRange(vditor).startContainer, "TD") ||
+            hasClosestByMatchTag(getEditorRange(vditor).startContainer, "TH"));
+    if (cellElement && /[\r\n]/.test(textPlain)) {
+        // 表格单元格内的换行使用 br 表示，避免自旋时解析为新的表格行
+        insertHTML(Lute.EscapeHTMLStr(textPlain).replace(/\r\n|\r|\n/g, "<br>"), vditor);
+    } else if (codeElement) {
         // 粘贴在代码位置
         if (vditor.currentMode === "sv") {
             document.execCommand("insertHTML", false, textPlain.replace(/&/g, "&amp;").replace(/</g, "&lt;"));
@@ -1500,8 +1568,6 @@ export const paste = async (vditor: IVditor, event: (ClipboardEvent | DragEvent)
                 vditor.lute.SetJSRenderers({renderers});
                 insertHTML(vditor.lute.HTML2VditorDOM(tempElement.innerHTML), vditor);
             } else {
-                renderers.Md2VditorSVDOM = {renderLinkDest};
-                vditor.lute.SetJSRenderers({renderers});
                 processPaste(vditor, vditor.lute.HTML2Md(tempElement.innerHTML).trimRight());
             }
             vditor.outline.render(vditor);
@@ -1527,14 +1593,20 @@ export const paste = async (vditor: IVditor, event: (ClipboardEvent | DragEvent)
                         } else {
                             imgHTML += `![${file.name}](${fileReader.result.toString()})\n`;
                         }
-                        document.execCommand("insertHTML", false, imgHTML);
+                        if (vditor.currentMode === "sv") {
+                            processPaste(vditor, imgHTML);
+                            execAfterRender(vditor);
+                        } else {
+                            document.execCommand("insertHTML", false, imgHTML);
+                        }
                     };
                 }
             }
         } else if (textPlain.trim() !== "" && files.length === 0) {
-            const range = getEditorRange(vditor);
-            if (range.toString() !== "" && vditor.lute.IsValidLinkDest(textPlain)) {
-                textPlain = `[${range.toString()}](${textPlain})`;
+            const selectedText = vditor.currentMode === "sv" ? vditor.sv.element.value.substring(
+                vditor.sv.element.selectionStart, vditor.sv.element.selectionEnd) : getEditorRange(vditor).toString();
+            if (selectedText !== "" && vditor.lute.IsValidLinkDest(textPlain)) {
+                textPlain = `[${selectedText}](${textPlain})`;
             }
             if (vditor.currentMode === "ir") {
                 renderers.Md2VditorIRDOM = {renderLinkDest};
@@ -1545,8 +1617,6 @@ export const paste = async (vditor: IVditor, event: (ClipboardEvent | DragEvent)
                 vditor.lute.SetJSRenderers({renderers});
                 insertHTML(Lute.Sanitize(vditor.lute.Md2VditorDOM(textPlain)), vditor);
             } else {
-                renderers.Md2VditorSVDOM = {renderLinkDest};
-                vditor.lute.SetJSRenderers({renderers});
                 processPaste(vditor, textPlain);
             }
             vditor.outline.render(vditor);

package/src/ts/util/selection.ts

@@ -3,6 +3,9 @@ import {isChrome} from "./compatibility";
 import {hasClosestBlock, hasClosestByClassName, hasClosestByMatchTag} from "./hasClosest";
 
 export const getEditorRange = (vditor: IVditor) => {
+    if (vditor.currentMode === "sv") {
+        throw new Error("SV mode uses textarea selection");
+    }
     let range: Range;
     const element = vditor[vditor.currentMode].element;
     if (getSelection().rangeCount > 0) {
@@ -11,8 +14,9 @@ export const getEditorRange = (vditor: IVditor) => {
             return range;
         }
     }
-    if (vditor[vditor.currentMode].range) {
-        return vditor[vditor.currentMode].range;
+    const lastRange = vditor.currentMode === "ir" ? vditor.ir.range : vditor.wysiwyg.range;
+    if (lastRange) {
+        return lastRange;
     }
     element.focus();
     range = element.ownerDocument.createRange();
@@ -250,7 +254,11 @@ export const insertHTML = (html: string, vditor: IVditor) => {
 
     const range = getEditorRange(vditor);
     if (range.toString() !== "") {
-        vditor[vditor.currentMode].preventInput = true;
+        if (vditor.currentMode === "ir") {
+            vditor.ir.preventInput = true;
+        } else if (vditor.currentMode === "wysiwyg") {
+            vditor.wysiwyg.preventInput = true;
+        }
         document.execCommand("delete", false, "");
     }
 

package/src/ts/wysiwyg/highlightToolbarWYSIWYG.ts

@@ -3,7 +3,7 @@ import {disableToolbar} from "../toolbar/setToolbar";
 import {enableToolbar} from "../toolbar/setToolbar";
 import {removeCurrentToolbar} from "../toolbar/setToolbar";
 import {setCurrentToolbar} from "../toolbar/setToolbar";
-import {isCtrl, updateHotkeyTip} from "../util/compatibility";
+import {getEventName, isCtrl, updateHotkeyTip} from "../util/compatibility";
 import {scrollCenter} from "../util/editorCommonEvent";
 import {
     deleteColumn,
@@ -793,6 +793,57 @@ export const highlightToolbarWYSIWYG = (vditor: IVditor) => {
     }, 200);
 };
 
+const genMobileToolbar = (type: TWYSISYGToolbar, vditor: IVditor) => {
+    const customToolbar = vditor.options.customWysiwygMobileToolbar;
+    if (!customToolbar || window.innerWidth > 520) {
+        return;
+    }
+    const toolbarElement = document.createElement("div");
+    toolbarElement.className = "vditor-wysiwyg__mobile-toolbar";
+
+    const menuButton = document.createElement("button");
+    menuButton.type = "button";
+    menuButton.className = "vditor-icon";
+    menuButton.setAttribute("data-type", "mobile-menu");
+    menuButton.setAttribute("aria-label", window.VditorI18n.more);
+    menuButton.textContent = "+";
+
+    const actionsElement = document.createElement("div");
+    actionsElement.className = "vditor-panel vditor-wysiwyg__mobile-actions";
+    const savedRange = getEditorRange(vditor).cloneRange();
+    customToolbar(type, actionsElement);
+
+    if (!actionsElement.hasChildNodes()) {
+        return;
+    }
+
+    const restoreSelection = () => {
+        if (!vditor.wysiwyg.element.contains(savedRange.commonAncestorContainer)) {
+            return;
+        }
+        const restoredRange = savedRange.cloneRange();
+        vditor.wysiwyg.range = restoredRange;
+        setSelectionFocus(restoredRange);
+        actionsElement.classList.remove("vditor-wysiwyg__mobile-actions--open");
+    };
+    actionsElement.addEventListener("touchstart", restoreSelection, true);
+    actionsElement.addEventListener("click", restoreSelection, true);
+
+    menuButton.addEventListener(getEventName(), (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        actionsElement.classList.toggle("vditor-wysiwyg__mobile-actions--open");
+        actionsElement.classList.remove("vditor-panel--left");
+        if (actionsElement.getBoundingClientRect().right > window.innerWidth) {
+            actionsElement.classList.add("vditor-panel--left");
+        }
+    });
+
+    toolbarElement.appendChild(menuButton);
+    toolbarElement.appendChild(actionsElement);
+    vditor.wysiwyg.popover.insertAdjacentElement("afterbegin", toolbarElement);
+};
+
 const setPopoverPosition = (vditor: IVditor, element: HTMLElement) => {
     let targetElement = element;
     const tableElement = hasClosestByMatchTag(element, "TABLE");
@@ -1152,6 +1203,7 @@ const focusToElement = (event: KeyboardEvent, range: Range) => {
 };
 
 const customWysiwygToolbar = (vditor: IVditor, type: TWYSISYGToolbar) => {
+    genMobileToolbar(type, vditor);
     if (vditor.options.customWysiwygToolbar) {
         vditor.options.customWysiwygToolbar(type, vditor.wysiwyg.popover);
     }

package/src/ts/wysiwyg/processKeydown.ts

@@ -26,6 +26,48 @@ import {nextIsCode} from "./inlineTag";
 import {removeHeading, setHeading} from "./setHeading";
 import {showCode} from "./showCode";
 
+const fixAndroidCursor = (vditor: IVditor, range: Range, event: KeyboardEvent) => {
+    if (navigator.userAgent.indexOf("Android") === -1 || event.ctrlKey || event.metaKey || event.altKey) {
+        return false;
+    }
+    const pElement = hasClosestByMatchTag(range.startContainer, "P");
+    const startElement = range.startContainer.nodeType === 3 ?
+        range.startContainer.parentElement : range.startContainer;
+    if (!pElement || !pElement.isSameNode(startElement) ||
+        !pElement.parentElement.isSameNode(vditor.wysiwyg.element)) {
+        return false;
+    }
+
+    let direction: "backward" | "forward";
+    let granularity: "character" | "documentboundary" | "line";
+    if (event.key === "ArrowLeft") {
+        direction = "backward";
+        granularity = "character";
+    } else if (event.key === "ArrowRight") {
+        direction = "forward";
+        granularity = "character";
+    } else if (event.key === "ArrowUp") {
+        direction = "backward";
+        granularity = "line";
+    } else if (event.key === "ArrowDown") {
+        direction = "forward";
+        granularity = "line";
+    } else if (event.key === "End") {
+        direction = "forward";
+        granularity = "documentboundary";
+    } else {
+        return false;
+    }
+
+    const selection = window.getSelection();
+    if (typeof selection.modify !== "function") {
+        return false;
+    }
+    selection.modify(event.shiftKey ? "extend" : "move", direction, granularity);
+    event.preventDefault();
+    return true;
+};
+
 export const processKeydown = (vditor: IVditor, event: KeyboardEvent) => {
     // Chrome firefox 触发 compositionend 机制不一致 https://github.com/Vanessa219/vditor/issues/188
     vditor.wysiwyg.composingLock = event.isComposing;
@@ -42,6 +84,11 @@ export const processKeydown = (vditor: IVditor, event: KeyboardEvent) => {
     const range = getEditorRange(vditor);
     const startContainer = range.startContainer;
 
+    // Android 输入法的编辑面板无法在 contenteditable 中正确处理方向键和 End
+    if (fixAndroidCursor(vditor, range, event)) {
+        return true;
+    }
+
     if (!fixGSKeyBackspace(event, vditor, startContainer)) {
         return false;
     }

package/dist/ts/sv/combineFootnote.d.ts

@@ -1,6 +0,0 @@
-/**
- * 合并脚注
- * @param elements vditor.sv.element
- * @param afterCombine 每个脚注块合并完成后的回调, param: root为合并后的脚注块
- */
-export declare const combineFootnote: (elements: HTMLElement, afterCombine?: (root: HTMLElement) => void) => void;

package/dist/ts/sv/inputEvent.d.ts

@@ -1 +0,0 @@
-export declare const inputEvent: (vditor: IVditor, event?: InputEvent) => void;

package/src/ts/sv/combineFootnote.ts

@@ -1,27 +0,0 @@
-/**
- * 合并脚注
- * @param elements vditor.sv.element
- * @param afterCombine 每个脚注块合并完成后的回调, param: root为合并后的脚注块
- */
-export const combineFootnote = (elements: HTMLElement, afterCombine?: (root: HTMLElement) => void ) => {
-    elements.querySelectorAll("[data-type=footnotes-link]").forEach((el: Element) => {
-        const root = el.parentElement
-        let footnote = root.nextSibling
-        // 寻找所有该脚注的块
-        while (footnote) {
-            if (footnote.textContent.startsWith("    ")) {
-                // 解析到四个空格，加入到root并继续解析
-                const thisNode = footnote
-                thisNode.childNodes.forEach(node => {
-                    root.append(node.cloneNode(true))
-                })
-                footnote = footnote.nextSibling
-                thisNode.remove()
-            } else {
-                // 非空格停止解析
-                break
-            }
-        }
-        afterCombine && afterCombine(root)
-    })
-}

package/src/ts/sv/inputEvent.ts

@@ -1,188 +0,0 @@
-import {scrollCenter} from "../util/editorCommonEvent";
-import {hasClosestByAttribute} from "../util/hasClosest";
-import {getSelectPosition, setRangeByWbr} from "../util/selection";
-import {getSideByType, processAfterRender, processSpinVditorSVDOM} from "./process";
-import {combineFootnote} from "./combineFootnote";
-
-export const inputEvent = (vditor: IVditor, event?: InputEvent) => {
-    const range = getSelection().getRangeAt(0).cloneRange();
-    let startContainer = range.startContainer;
-    if (range.startContainer.nodeType !== 3 && (range.startContainer as HTMLElement).tagName === "DIV") {
-        startContainer = range.startContainer.childNodes[range.startOffset - 1];
-    }
-    let blockElement = hasClosestByAttribute(startContainer, "data-block", "0");
-    // 不调用 lute 解析
-    if (blockElement && event && (event.inputType === "deleteContentBackward" || event.data === " ")) {
-        // 开始可以输入空格
-        const startOffset = getSelectPosition(blockElement, vditor.sv.element, range).start;
-        let startSpace = true;
-        for (let i = startOffset - 1;
-            // 软换行后有空格
-             i > blockElement.textContent.substr(0, startOffset).lastIndexOf("\n"); i--) {
-            if (blockElement.textContent.charAt(i) !== " " &&
-                // 多个 tab 前删除不形成代码块 https://github.com/Vanessa219/vditor/issues/162 1
-                blockElement.textContent.charAt(i) !== "\t") {
-                startSpace = false;
-                break;
-            }
-        }
-        if (startOffset === 0) {
-            startSpace = false;
-        }
-        if (startSpace) {
-            processAfterRender(vditor);
-            return;
-        }
-
-        if (event.inputType === "deleteContentBackward") {
-            // https://github.com/Vanessa219/vditor/issues/584 代码块 marker 删除
-            const codeBlockMarkerElement =
-                hasClosestByAttribute(startContainer, "data-type", "code-block-open-marker") ||
-                hasClosestByAttribute(startContainer, "data-type", "code-block-close-marker");
-            if (codeBlockMarkerElement) {
-                if (codeBlockMarkerElement.getAttribute("data-type") === "code-block-close-marker") {
-                    const openMarkerElement = getSideByType(startContainer, "code-block-open-marker");
-                    if (openMarkerElement) {
-                        openMarkerElement.textContent = codeBlockMarkerElement.textContent;
-                        processAfterRender(vditor);
-                        return;
-                    }
-                }
-                if (codeBlockMarkerElement.getAttribute("data-type") === "code-block-open-marker") {
-                    const openMarkerElement = getSideByType(startContainer, "code-block-close-marker", false);
-                    if (openMarkerElement) {
-                        openMarkerElement.textContent = codeBlockMarkerElement.textContent;
-                        processAfterRender(vditor);
-                        return;
-                    }
-                }
-            }
-            // https://github.com/Vanessa219/vditor/issues/877 数学公式输入删除生成节点
-            const mathBlockMarkerElement =
-                hasClosestByAttribute(startContainer, "data-type", "math-block-open-marker");
-            if (mathBlockMarkerElement) {
-                const mathBlockCloseElement = mathBlockMarkerElement.nextElementSibling.nextElementSibling;
-                if (mathBlockCloseElement && mathBlockCloseElement.getAttribute("data-type") === "math-block-close-marker") {
-                    mathBlockCloseElement.remove();
-                    processAfterRender(vditor);
-                }
-                return;
-            }
-
-            blockElement.querySelectorAll('[data-type="code-block-open-marker"]').forEach((item: HTMLElement) => {
-                if (item.textContent.length === 1) {
-                    item.remove();
-                }
-            });
-            blockElement.querySelectorAll('[data-type="code-block-close-marker"]').forEach((item: HTMLElement) => {
-                if (item.textContent.length === 1) {
-                    item.remove();
-                }
-            });
-
-            // 标题删除
-            const headingElement = hasClosestByAttribute(startContainer, "data-type", "heading-marker");
-            if (headingElement && headingElement.textContent.indexOf("#") === -1) {
-                processAfterRender(vditor);
-                return;
-            }
-        }
-        // 删除或空格不解析，否则会 format 回去
-        if ((event.data === " " || event.inputType === "deleteContentBackward") &&
-            (hasClosestByAttribute(startContainer, "data-type", "padding") // 场景：b 前进行删除 [> 1. a\n>   b]
-                || hasClosestByAttribute(startContainer, "data-type", "li-marker")  // 场景：删除最后一个字符 [* 1\n* ]
-                || hasClosestByAttribute(startContainer, "data-type", "task-marker")  // 场景：删除最后一个字符 [* [ ] ]
-                || hasClosestByAttribute(startContainer, "data-type", "blockquote-marker")  // 场景：删除最后一个字符 [> ]
-            )) {
-            processAfterRender(vditor);
-            return;
-        }
-    }
-    if (blockElement && blockElement.textContent.trimRight() === "$$") {
-        // 内联数学公式
-        processAfterRender(vditor);
-        return;
-    }
-    if (!blockElement) {
-        blockElement = vditor.sv.element;
-    }
-    if (blockElement.firstElementChild?.getAttribute("data-type") === "link-ref-defs-block") {
-        // 修改链接引用
-        blockElement = vditor.sv.element;
-    }
-    if (hasClosestByAttribute(startContainer, "data-type", "footnotes-link")) {
-        // 修改脚注角标
-        blockElement = vditor.sv.element;
-    }
-    // 添加光标位置
-    if (blockElement.textContent.indexOf(Lute.Caret) === -1) {
-        // 点击工具栏会插入 Caret
-        range.insertNode(document.createTextNode(Lute.Caret));
-    }
-    // 清除浏览器自带的样式
-    blockElement.querySelectorAll("[style]").forEach((item) => { // 不可前置，否则会影响 newline 的样式
-        item.removeAttribute("style");
-    });
-    blockElement.querySelectorAll("font").forEach((item) => { // 不可前置，否则会影响光标的位置
-        item.outerHTML = item.innerHTML;
-    });
-    let html = blockElement.textContent;
-    const isSVElement = blockElement.isEqualNode(vditor.sv.element);
-    if (isSVElement) {
-        html = blockElement.textContent;
-    } else {
-        // 添加前一个块元素
-        if (blockElement.previousElementSibling) {
-            html = blockElement.previousElementSibling.textContent + html;
-            blockElement.previousElementSibling.remove();
-        }
-        if (blockElement.previousElementSibling && html.indexOf("---\n") === 0) {
-            // 确认 yaml-front 是否为首行
-            html = blockElement.previousElementSibling.textContent + html;
-            blockElement.previousElementSibling.remove();
-        }
-        // 添加链接引用
-        let footnotes = ""
-
-        vditor.sv.element.querySelectorAll("[data-type='link-ref-defs-block']").forEach((item, index) => {
-            if (item && !(blockElement as HTMLElement).isEqualNode(item.parentElement)) {
-                footnotes += item.parentElement.textContent + "\n";
-                item.parentElement.remove();
-            }
-        });
-
-        // 添加脚注到文章头，便于lute处理
-        vditor.sv.element.querySelectorAll("[data-type='footnotes-link']").forEach((item, index) => {
-            if (item && !(blockElement as HTMLElement).isEqualNode(item.parentElement)) {
-                footnotes += item.parentElement.textContent + "\n";
-                item.parentElement.remove();
-            }
-        });
-        html = footnotes + html;
-    }
-    html = processSpinVditorSVDOM(html, vditor);
-    if (isSVElement) {
-        blockElement.innerHTML = html;
-    } else {
-        blockElement.outerHTML = html;
-    }
-
-    vditor.sv.element.querySelectorAll("[data-type='link-ref-defs-block']").forEach((item) => {
-        vditor.sv.element.insertAdjacentElement("beforeend", item.parentElement)
-    })
-
-    // 合并脚注
-    combineFootnote(vditor.sv.element, (root: HTMLElement) => {
-        vditor.sv.element.insertAdjacentElement("beforeend", root)
-    })
-
-    setRangeByWbr(vditor.sv.element, range);
-
-    scrollCenter(vditor);
-
-    processAfterRender(vditor, {
-        enableAddUndoStack: true,
-        enableHint: true,
-        enableInput: true,
-    });
-};