fix: Markdown 沒有被渲染

This commit is contained in:
CrescentLeaf
2025-09-24 10:57:21 +08:00
parent a0bf323ac9
commit da1c7cd8cf
2 changed files with 4 additions and 2 deletions

View File

@@ -26,6 +26,7 @@
"split.js": "npm:split.js@1.3.2", "split.js": "npm:split.js@1.3.2",
"crypto-js": "npm:crypto-js@4.2.0", "crypto-js": "npm:crypto-js@4.2.0",
"socket.io-client": "npm:socket.io-client@4.8.1", "socket.io-client": "npm:socket.io-client@4.8.1",
"marked": "npm:marked@16.3.0" "marked": "npm:marked@16.3.0",
"dompurify": "npm:dompurify@3.2.7"
} }
} }

View File

@@ -11,6 +11,7 @@ import data from "../../Data.ts"
import { checkApiSuccessOrSncakbar } from "../snackbar.ts" import { checkApiSuccessOrSncakbar } from "../snackbar.ts"
import useAsyncEffect from "../useAsyncEffect.ts" import useAsyncEffect from "../useAsyncEffect.ts"
import * as marked from 'marked' import * as marked from 'marked'
import DOMPurify from 'dompurify'
interface Args extends React.HTMLAttributes<HTMLElement> { interface Args extends React.HTMLAttributes<HTMLElement> {
target: string target: string
@@ -186,7 +187,7 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
<Element_Message <Element_Message
key={msg.id} key={msg.id}
userId={msg.user_id}> userId={msg.user_id}>
{markedInstance.parse(msg.text) as string} <div dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(markedInstance.parse(msg.text) as string) }}></div>
</Element_Message> </Element_Message>
) )
} }