Function createMarkdownIt

src/pages/markdownPreview/renderer.js:149–209

({ katex = null, markdownItTexmath = null } = {})

}

function createMarkdownIt({ katex = null, markdownItTexmath = null } = {}) {
	const md = markdownIt({
		html: true,
		linkify: true,
	});

	md.use(MarkdownItGitHubAlerts)
		.use(anchor, { slugify })
		.use(markdownItTaskLists)
		.use(markdownItFootnote);

	if (katex && markdownItTexmath) {
		md.use(markdownItTexmath, {
			engine: katex,
			delimiters: ["dollars", "beg_end"],
			katexOptions: {
				throwOnError: false,
				strict: "ignore",
			},
		});
	}

	md.use(markdownItEmoji);

	md.renderer.rules.image = (tokens, idx, options, env, self) => {
		const token = tokens[idx];
		token.attrSet("loading", "lazy");
		token.attrSet("decoding", "async");

		const src = token.attrGet("src");
		if (src && !src.startsWith("data:") && !isExternalLink(src)) {
			const resolvedPath = resolveImageTarget(src, env.markdownBaseUri);
			if (resolvedPath) {
				token.attrSet("data-markdown-local-src", resolvedPath);
				token.attrSet("src", IMAGE_PLACEHOLDER);
			}
		}

		return self.renderToken(tokens, idx, options);
	};

	md.renderer.rules.fence = (tokens, idx) => {
		const token = tokens[idx];
		const info = (token.info || "").trim();
		const language = info.split(/\s+/)[0].toLowerCase();
		const escapedCode = md.utils.escapeHtml(token.content || "");

		if (language === "mermaid") {
			return `<div class="mermaid">${escapedCode}</div>`;
		}

		const className = language
			? ` class="language-${escapeAttribute(language)}"`
			: "";
		const dataLanguage = ` data-language="${escapeAttribute(language)}"`;

		return `<pre><code${className}${dataLanguage}>${escapedCode}</code></pre>`;
	};