fix: Markdown 沒有被渲染
This commit is contained in:
@@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user