vditor/src/ts/markdown/anchorRender.ts

♏ 易于使用的 Markdown 编辑器，为适配不同的应用场景而生

export const anchorRender = (type: number) => {
    document.querySelectorAll(".vditor-anchor").forEach((anchor: HTMLLinkElement) => {
        if (type === 1) {
            anchor.classList.add("vditor-anchor--left");
        }
        anchor.onclick = () => {
            const id = anchor.getAttribute("href").substr(1);
            const top = document.getElementById("vditorAnchor-" + id).offsetTop;
            document.querySelector("html").scrollTop = top;
        };
    });

    window.onhashchange = () => {
        const element = document.getElementById("vditorAnchor-" + decodeURIComponent(window.location.hash.substr(1)));
        if (element) {
            document.querySelector("html").scrollTop = element.offsetTop;
        }
    };
};