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?