vditor 3.8.7

package/src/ts/util/toc.ts

@@ -0,0 +1,83 @@
+import {mathRender} from "../markdown/mathRender";
+import {execAfterRender, insertAfterBlock, insertBeforeBlock} from "./fixBrowserBehavior";
+import {hasClosestByClassName, hasClosestByMatchTag} from "./hasClosest";
+import {getSelectPosition} from "./selection";
+
+export const renderToc = (vditor: IVditor) => {
+    if (vditor.currentMode === "sv") {
+        return;
+    }
+    const editorElement = vditor[vditor.currentMode].element;
+    let tocHTML = vditor.outline.render(vditor);
+    if (tocHTML === "") {
+        tocHTML = "[ToC]";
+    }
+    editorElement.querySelectorAll('[data-type="toc-block"]').forEach((item: HTMLElement) => {
+        item.innerHTML = tocHTML;
+        mathRender(item, {
+            cdn: vditor.options.cdn,
+            math: vditor.options.preview.math,
+        });
+    });
+};
+
+export const clickToc = (event: MouseEvent & { target: HTMLElement }, vditor: IVditor) => {
+    const spanElement = hasClosestByMatchTag(event.target, "SPAN");
+    if (spanElement && hasClosestByClassName(spanElement, "vditor-toc")) {
+        const headingElement = vditor[vditor.currentMode].element.querySelector("#" + spanElement.getAttribute("data-target-id")) as HTMLElement;
+        if (headingElement) {
+            if (vditor.options.height === "auto") {
+                let windowScrollY = headingElement.offsetTop + vditor.element.offsetTop;
+                if (!vditor.options.toolbarConfig.pin) {
+                    windowScrollY += vditor.toolbar.element.offsetHeight;
+                }
+                window.scrollTo(window.scrollX, windowScrollY);
+            } else {
+                if (vditor.element.offsetTop < window.scrollY) {
+                    window.scrollTo(window.scrollX, vditor.element.offsetTop);
+                }
+                vditor[vditor.currentMode].element.scrollTop = headingElement.offsetTop;
+            }
+        }
+        return;
+    }
+};
+
+export const keydownToc = (blockElement: HTMLElement, vditor: IVditor, event: KeyboardEvent, range: Range) => {
+    // toc 前无元素，插入空块
+    if (blockElement.previousElementSibling &&
+        blockElement.previousElementSibling.classList.contains("vditor-toc")) {
+        if (event.key === "Backspace" &&
+            getSelectPosition(blockElement, vditor[vditor.currentMode].element, range).start === 0) {
+            blockElement.previousElementSibling.remove();
+            execAfterRender(vditor);
+            return true;
+        }
+        if (insertBeforeBlock(vditor, event, range, blockElement, blockElement.previousElementSibling as HTMLElement)) {
+            return true;
+        }
+    }
+    // toc 后无元素，插入空块
+    if (blockElement.nextElementSibling &&
+        blockElement.nextElementSibling.classList.contains("vditor-toc")) {
+        if (event.key === "Delete" &&
+            getSelectPosition(blockElement, vditor[vditor.currentMode].element, range).start
+            >= blockElement.textContent.trimRight().length) {
+            blockElement.nextElementSibling.remove();
+            execAfterRender(vditor);
+            return true;
+        }
+        if (insertAfterBlock(vditor, event, range, blockElement, blockElement.nextElementSibling as HTMLElement)) {
+            return true;
+        }
+    }
+    // toc 删除
+    if (event.key === "Backspace" || event.key === "Delete") {
+        const tocElement = hasClosestByClassName(range.startContainer, "vditor-toc");
+        if (tocElement) {
+            tocElement.remove();
+            execAfterRender(vditor);
+            return true;
+        }
+    }
+};

package/src/ts/wysiwyg/afterRenderEvent.ts

@@ -0,0 +1,41 @@
+import {getMarkdown} from "../markdown/getMarkdown";
+import {accessLocalStorage} from "../util/compatibility";
+
+export const afterRenderEvent = (vditor: IVditor, options = {
+    enableAddUndoStack: true,
+    enableHint: false,
+    enableInput: true,
+}) => {
+    if (options.enableHint) {
+        vditor.hint.render(vditor);
+    }
+    clearTimeout(vditor.wysiwyg.afterRenderTimeoutId);
+    vditor.wysiwyg.afterRenderTimeoutId = window.setTimeout(() => {
+        if (vditor.wysiwyg.composingLock) {
+            return;
+        }
+        const text = getMarkdown(vditor);
+        if (typeof vditor.options.input === "function" && options.enableInput) {
+            vditor.options.input(text);
+        }
+
+        if (vditor.options.counter.enable) {
+            vditor.counter.render(vditor, text);
+        }
+
+        if (vditor.options.cache.enable && accessLocalStorage()) {
+            localStorage.setItem(vditor.options.cache.id, text);
+            if (vditor.options.cache.after) {
+                vditor.options.cache.after(text);
+            }
+        }
+
+        if (vditor.devtools) {
+            vditor.devtools.renderEchart(vditor);
+        }
+
+        if (options.enableAddUndoStack) {
+            vditor.undo.addToUndoStack(vditor);
+        }
+    }, vditor.options.undoDelay);
+};