fix: LaTex formula render issue (#3353)

janhq · Aug 13, 2024 · 3b2c84c · 3b2c84c
1 parent 6dd387d
commit 3b2c84c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/web/app/layout.tsx b/web/app/layout.tsx
@@ -2,6 +2,7 @@ import { PropsWithChildren } from 'react'
 
 import { Metadata } from 'next'
 
+import 'katex/dist/katex.min.css'
 import '@/styles/main.scss'
 
 export const metadata: Metadata = {

diff --git a/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx b/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
@@ -7,7 +7,7 @@ import hljs from 'highlight.js'
 
 import { useAtomValue } from 'jotai'
 import { FolderOpenIcon } from 'lucide-react'
-import { Marked, Renderer } from 'marked'
+import { Marked, MarkedOptions, Renderer } from 'marked'
 import { markedHighlight } from 'marked-highlight'
 import markedKatex from 'marked-katex-extension'
 
@@ -86,6 +86,8 @@ const SimpleTextMessage: React.FC<Props> = ({
         },
       }),
       {
+        gfm: true,
+        breaks: true,
         renderer: {
           link: (href, title, text) =>
             Renderer.prototype.link