Add mhchem extension support for chemistry formulas in ChatMessage

This commit is contained in:
yangdx
2025-12-01 12:16:43 +08:00
parent 0aa77fdbcb
commit aeaa0b32f9

View File

@@ -76,10 +76,14 @@ export const ChatMessage = ({
? message.content
: (displayContent !== undefined ? displayContent : (message.content || ''))
// Load KaTeX dynamically
// Load KaTeX dynamically with mhchem extension for chemistry formulas
useEffect(() => {
const loadKaTeX = async () => {
try {
// First load mhchem extension (must be loaded before rehype-katex)
// This enables \ce and \pu commands for chemistry formulas
await import('katex/contrib/mhchem');
// Then load rehype-katex
const { default: rehypeKatex } = await import('rehype-katex');
setKatexPlugin(() => rehypeKatex);
} catch (error) {