Added KaTeX Rendering

This commit is contained in:
2024-04-23 09:10:57 +09:00
parent 2fdf7ac126
commit 0066760f86
7 changed files with 144 additions and 8 deletions

20
src/lib/Codespan.svelte Normal file
View File

@@ -0,0 +1,20 @@
<script lang="ts">
export let raw
import katex from 'katex'
import 'katex/contrib/mhchem'
let renderedMath: string | undefined
if (raw.startsWith('`rendermath')) {
renderedMath = katex.renderToString(raw.replace(/`rendermath|`/g, ''), {
throwOnError: false,
displayMode: false
})
}
</script>
{#if renderedMath}
{@html renderedMath}
{:else}
<code>{raw.replace(/`/g, '')}</code>
{/if}