Início / coding / Perguntas / 79433484
Accepted
Alexander Juhl
Asked: 2025-02-12 22:45:13 +0800 CST

Markdown-it-katex - como fazer sobrescrito?

  • 772

Este é meu código (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>

Minha saída é:

a2+b2=c2

Mas os números (2) estão rebaixados (subscrito). Como posso deixar os números em sobrescrito?

svelte

1 respostas

  1. Best Answer

    A versão do KaTeX que markdown-it-katexvocê usa é antiga porque o pacote é antigo. Você tem que usar uma folha de estilo do KaTeX que seja compatível com a saída dessa versão.

    A documentação demarkdown-it-katex referência KaTeX 0.5.1, em que ponto a folha de estilo nem sequer estava incluída no pacote NPM . Você pode obtê-la do CDN referenciado.

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

    (Como alternativa, encontre uma integração mais atualizada ou crie uma você mesmo.)

    • 0

relate perguntas