vditor 3.11.2 → 4.0.0

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/afterRenderEvent.ts

@@ -1,4 +1,5 @@
 import {getMarkdown} from "../markdown/getMarkdown";
+import {renderImageCaptions} from "../markdown/imageCaptionRender";
 import {accessLocalStorage} from "../util/compatibility";
 
 export const afterRenderEvent = (vditor: IVditor, options = {
@@ -6,6 +7,7 @@ export const afterRenderEvent = (vditor: IVditor, options = {
     enableHint: false,
     enableInput: true,
 }) => {
+    renderImageCaptions(vditor.wysiwyg.element, "wysiwyg", vditor.options.preview.markdown.imageCaption);
     if (options.enableHint) {
         vditor.hint.render(vditor);
     }

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,
@@ -33,6 +33,7 @@ import {afterRenderEvent} from "./afterRenderEvent";
 import {removeBlockElement} from "./processKeydown";
 import {renderToc} from "../util/toc";
 import {getMarkdown} from "../markdown/getMarkdown";
+import {renderImageCaptions} from "../markdown/imageCaptionRender";
 
 export const highlightToolbarWYSIWYG = (vditor: IVditor) => {
     clearTimeout(vditor.wysiwyg.hlToolbarTimeoutId);
@@ -792,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");
@@ -1079,6 +1131,7 @@ export const genImagePopover = (event: Event, vditor: IVditor) => {
         imgElement.setAttribute("src", inputElement.value);
         imgElement.setAttribute("alt", alt.value);
         imgElement.setAttribute("title", title.value);
+        renderImageCaptions(vditor.wysiwyg.element, "wysiwyg", vditor.options.preview.markdown.imageCaption);
         if (typeof vditor.options.input === "function") {
             vditor.options.input(getMarkdown(vditor));
         }
@@ -1150,5 +1203,8 @@ const focusToElement = (event: KeyboardEvent, range: Range) => {
 };
 
 const customWysiwygToolbar = (vditor: IVditor, type: TWYSISYGToolbar) => {
-    vditor.options.customWysiwygToolbar(type, vditor.wysiwyg.popover);
+    genMobileToolbar(type, vditor);
+    if (vditor.options.customWysiwygToolbar) {
+        vditor.options.customWysiwygToolbar(type, vditor.wysiwyg.popover);
+    }
 };

package/src/ts/wysiwyg/input.ts

@@ -71,6 +71,7 @@ export const input = (vditor: IVditor, range: Range, event?: InputEvent) => {
 
         const isWYSIWYGElement = blockElement.isEqualNode(vditor.wysiwyg.element);
         const footnoteElement = hasClosestByAttribute(blockElement, "data-type", "footnotes-block");
+        const calloutElement = hasClosestByAttribute(range.startContainer, "data-type", "callout");
 
         if (!isWYSIWYGElement) {
             // 列表需要到最顶层
@@ -90,6 +91,10 @@ export const input = (vditor: IVditor, range: Range, event?: InputEvent) => {
                 blockElement = footnoteElement;
             }
 
+            if (calloutElement) {
+                blockElement = calloutElement;
+            }
+
             html = blockElement.outerHTML;
 
             if (blockElement.tagName === "UL" || blockElement.tagName === "OL") {

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/src/ts/wysiwyg/setHeading.ts

@@ -1,7 +1,94 @@
-import {hasClosestBlock} from "../util/hasClosest";
+import {hasClosestBlock, hasClosestByMatchTag} from "../util/hasClosest";
 import {getEditorRange, setRangeByWbr} from "../util/selection";
 import {renderToc} from "../util/toc";
 
+const createBlockElement = (element: HTMLElement, tagName: string) => {
+    const blockElement = element.ownerDocument.createElement(tagName);
+    blockElement.setAttribute("data-block", "0");
+    return blockElement;
+};
+
+const replaceBlockElement = (element: HTMLElement, tagName: string) => {
+    const blockElement = createBlockElement(element, tagName);
+    while (element.firstChild) {
+        blockElement.appendChild(element.firstChild);
+    }
+    element.replaceWith(blockElement);
+    return blockElement;
+};
+
+const isListItemBlock = (node: Node) => {
+    if (node.nodeType !== 1) {
+        return false;
+    }
+    const element = node as HTMLElement;
+    return element.getAttribute("data-block") === "0" || element.tagName === "INPUT";
+};
+
+const getListItemInlineNodes = (itemElement: HTMLElement, wbrElement: HTMLElement) => {
+    let anchorNode: Node = wbrElement;
+    while (anchorNode.parentNode && !anchorNode.parentNode.isSameNode(itemElement)) {
+        anchorNode = anchorNode.parentNode;
+    }
+    if (!anchorNode.parentNode?.isSameNode(itemElement)) {
+        return [];
+    }
+
+    let firstNode = anchorNode;
+    let lastNode = anchorNode;
+    while (firstNode.previousSibling && !isListItemBlock(firstNode.previousSibling)) {
+        firstNode = firstNode.previousSibling;
+    }
+    while (lastNode.nextSibling && !isListItemBlock(lastNode.nextSibling)) {
+        lastNode = lastNode.nextSibling;
+    }
+
+    // 任务列表的复选框和正文之间需要保留分隔空格。
+    if (firstNode.previousSibling instanceof HTMLInputElement && firstNode.nodeType === 3) {
+        const leadingWhitespace = firstNode.textContent.match(/^\s+/)?.[0];
+        if (leadingWhitespace) {
+            firstNode.textContent = firstNode.textContent.substring(leadingWhitespace.length);
+            itemElement.insertBefore(itemElement.ownerDocument.createTextNode(leadingWhitespace), firstNode);
+        }
+    }
+
+    const nodes: Node[] = [];
+    let node: Node = firstNode;
+    while (node) {
+        nodes.push(node);
+        if (node.isSameNode(lastNode)) {
+            break;
+        }
+        node = node.nextSibling;
+    }
+    return nodes;
+};
+
+const setListItemHeading = (itemElement: HTMLElement, wbrElement: HTMLElement, tagName: string) => {
+    const inlineNodes = getListItemInlineNodes(itemElement, wbrElement);
+    if (inlineNodes.length === 0) {
+        return false;
+    }
+
+    const headingElement = createBlockElement(itemElement, tagName);
+    itemElement.insertBefore(headingElement, inlineNodes[0]);
+    inlineNodes.forEach((node) => {
+        headingElement.appendChild(node);
+    });
+    if (headingElement.innerHTML.trim() === "<wbr>") {
+        headingElement.appendChild(itemElement.ownerDocument.createElement("br"));
+    }
+    return true;
+};
+
+const unwrapBlockElement = (element: HTMLElement) => {
+    const fragment = element.ownerDocument.createDocumentFragment();
+    while (element.firstChild) {
+        fragment.appendChild(element.firstChild);
+    }
+    element.replaceWith(fragment);
+};
+
 export const setHeading = (vditor: IVditor, tagName: string) => {
     const range = getEditorRange(vditor);
     let blockElement = hasClosestBlock(range.startContainer);
@@ -12,16 +99,27 @@ export const setHeading = (vditor: IVditor, tagName: string) => {
         blockElement = vditor.wysiwyg.element;
     }
     if (blockElement && !blockElement.classList.contains("vditor-wysiwyg__block")) {
-        range.insertNode(document.createElement("wbr"));
+        const wbrElement = document.createElement("wbr");
+        range.insertNode(wbrElement);
         // Firefox 需要 trim https://github.com/Vanessa219/vditor/issues/207
         if (blockElement.innerHTML.trim() === "<wbr>") {
             // Firefox 光标对不齐 https://github.com/Vanessa219/vditor/issues/199 1
             blockElement.innerHTML = "<wbr><br>";
         }
-        if (blockElement.tagName === "BLOCKQUOTE" || blockElement.classList.contains("vditor-reset")) {
-            blockElement.innerHTML = `<${tagName} data-block="0">${blockElement.innerHTML.trim()}</${tagName}>`;
+        const itemElement = hasClosestByMatchTag(wbrElement, "LI");
+        if (itemElement && blockElement.isSameNode(itemElement.parentElement)) {
+            if (!setListItemHeading(itemElement, wbrElement, tagName)) {
+                wbrElement.remove();
+                return;
+            }
+        } else if (blockElement.tagName === "BLOCKQUOTE" || blockElement.classList.contains("vditor-reset")) {
+            const headingElement = createBlockElement(blockElement, tagName);
+            while (blockElement.firstChild) {
+                headingElement.appendChild(blockElement.firstChild);
+            }
+            blockElement.appendChild(headingElement);
         } else {
-            blockElement.outerHTML = `<${tagName} data-block="0">${blockElement.innerHTML.trim()}</${tagName}>`;
+            replaceBlockElement(blockElement, tagName);
         }
         setRangeByWbr(vditor.wysiwyg.element, range);
         renderToc(vditor);
@@ -36,8 +134,14 @@ export const removeHeading = (vditor: IVditor) => {
     }
     if (blockElement) {
         range.insertNode(document.createElement("wbr"));
-        blockElement.outerHTML = `<p data-block="0">${blockElement.innerHTML}</p>`;
+        if (blockElement.parentElement?.tagName === "LI" &&
+            blockElement.parentElement.parentElement?.getAttribute("data-tight") === "true") {
+            unwrapBlockElement(blockElement);
+        } else {
+            replaceBlockElement(blockElement, "p");
+        }
         setRangeByWbr(vditor.wysiwyg.element, range);
+        renderToc(vditor);
     }
     vditor.wysiwyg.popover.style.display = "none";
 };

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