Function mountCodeMirror

vditor/src/ts/codeBlock/codeMirrorManager.ts:1572–1649

(blockElement: HTMLElement, vditor: IVditor, force = false)

    });
};

const mountCodeMirror = (blockElement: HTMLElement, vditor: IVditor, force = false) => {
    if (!force && !isCmCodeBlock(blockElement)) {
        return;
    }

    cancelLazyTeardown(blockElement);
    blockElement.classList.remove(CM_PLACEHOLDER_CLASS);

    cleanupStaleCmArtifacts(blockElement);
    prepareCmBlockDom(blockElement, isSpecialBlock(blockElement));

    const parts = getBlockParts(blockElement);
    if (!parts) {
        return;
    }
    if (isMathBlockElement(blockElement)) {
        parts.code.classList.add("language-math");
    }

    const existing = bindings.get(blockElement);
    if (existing) {
        syncViewFromCode(existing);
        const languageName = getLanguageName(parts.code);
        if (existing.languageName !== languageName) {
            existing.syncCode.className = parts.code.className;
            applyLanguage(blockElement, existing, languageName);
        }
        ensureCodeBlockChrome(vditor, blockElement, {
            performCopy: () => copyCodeMirrorView(existing.view, existing.languageName),
        });
        updateCodeBlockChromeLanguage(blockElement, languageName);
        return;
    }

    const { editPre, code } = parts;
    const languageCompartment = new Compartment();
    const languageName = getLanguageName(code);

    const binding: CodeMirrorBinding = {
        view: null as unknown as EditorView,
        languageCompartment,
        editPre,
        syncCode: code,
        updating: false,
        syncTimer: 0,
        previewTimer: 0,
        languageName: "",
    };

    const rawCode = code.textContent || "";

    const view = new EditorView({
        // Lute有bug, 会给代码块末尾生成一行空行
        doc: rawCode.trimEnd(),
        parent: editPre,
        extensions: [
            vditorCodeMirrorSetup,