diff --git a/src/components/Markdown.svelte b/src/components/Markdown.svelte index 9989f1d8d..ad834474f 100644 --- a/src/components/Markdown.svelte +++ b/src/components/Markdown.svelte @@ -9,8 +9,7 @@ import * as modal from "@app/lib/modal"; import * as router from "@app/lib/router"; import ErrorModal from "@app/modals/ErrorModal.svelte"; - import markdown from "@app/lib/markdown"; - import { Renderer } from "@app/lib/markdown"; + import { Renderer, markdownWithExtensions } from "@app/lib/markdown"; import { activeUnloadedRouteStore } from "@app/lib/router"; import { highlight } from "@app/lib/syntax"; import { @@ -93,7 +92,7 @@ function render(content: string): string { return dompurify.sanitize( - markdown.parse(content, { + markdownWithExtensions.parse(content, { renderer: new Renderer($activeUnloadedRouteStore, { stripEmphasizedStyling: false, }), diff --git a/src/lib/markdown.ts b/src/lib/markdown.ts index 874d6c3f4..de4c1fc41 100644 --- a/src/lib/markdown.ts +++ b/src/lib/markdown.ts @@ -1,4 +1,4 @@ -import type { Tokens } from "marked"; +import type { MarkedExtension, Tokens } from "marked"; import type { Route } from "@app/lib/router"; import dompurify from "dompurify"; @@ -75,9 +75,7 @@ const footnoteMarkedExtension = { renderer: (token: Tokens.Generic): string => `

${ - token.reference - }. ${markedInstance.parseInline( + }">${token.reference}. ${markdownWithExtensions.parseInline( token.text, )}