feat: handle image rendor

This commit is contained in:
2025-12-27 21:59:22 +08:00
parent 62c1a43ba5
commit 022ef31bcc
6 changed files with 497 additions and 67 deletions

View File

@@ -119,7 +119,10 @@ export default function ResultPanel({ result, fileStatus }: ResultPanelProps) {
{/* Content Area - Rendered Markdown */}
{
<div className="flex-1 overflow-auto p-8 custom-scrollbar flex justify-center">
<div className="prose prose-blue max-w-3xl w-full prose-headings:font-bold prose-h1:text-2xl prose-h2:text-xl prose-p:leading-relaxed prose-pre:bg-gray-50 prose-pre:border prose-pre:border-gray-100 [&_.katex-display]:text-center">
<div
id="markdown-preview-content"
className="prose prose-blue max-w-3xl w-full prose-headings:font-bold prose-h1:text-2xl prose-h2:text-xl prose-p:leading-relaxed prose-pre:bg-gray-50 prose-pre:border prose-pre:border-gray-100 [&_.katex-display]:text-center bg-white p-4"
>
<ReactMarkdown
remarkPlugins={[remarkMath, remarkBreaks]}
rehypePlugins={[[rehypeKatex, {