主页 / coding / 问题 / 79433484
Accepted
Alexander Juhl
Asked: 2025-02-12 22:45:13 +0800 CST

Markdown-it-katex - 如何制作上标？

  • 772

这是我的代码（Svelte 5、sveltekit、tailwind）：

<script lang="ts">
    import MarkdownIt from 'markdown-it';
    import markdownItKatex from 'markdown-it-katex';
    import 'katex/dist/katex.min.css';

    const md = new MarkdownIt({ html: false, linkify: true, typographer: true });
    md.use(markdownItKatex, { throwOnError: false, errorColor: ' #cc0000' });

    function renderMarkdown(content: string) {
        return md.render(content);
    }

    let content: string = '$a^2+b^2=c^2$';
</script>

<h1>markdown-it-katex</h1>
<div>{@html renderMarkdown(content)}</div>

<style>
</style>

我的输出是：

a​2+b​2=c​2

但是数字 (2) 被降低了（下标）。我怎样才能使数字变成上标？

svelte

1 个回答

  1. Best Answer

    使用的 KaTeX 版本markdown-it-katex很旧，因为包也很旧。您必须使用与该版本输出兼容的 KaTeX 样式表。

    参考 KaTeX 0.5.1的文档markdown-it-katex，此时样式表甚至还没有包含在 NPM 包中。你可以从参考的 CDN 获取它。

    <link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css">

    （或者，找到更新的集成或自己创建一个。）

    • 0

相关问题