1.添加了 rehype-raw 导入(第 20 行)
import rehypeRaw from 'rehype-raw'2.修改了两处 ReactMarkdown 组件
- 第 570-572 行:聊天消息渲染
- 第 730-732 行:模态框内容渲染
都添加了rehypePlugins={[rehypeRaw]}配置:
<ReactMarkdown remarkPlugins={[remarkGfm]} rehypePlugins={[rehypeRaw]}> {modalContent} </ReactMarkdown>效果:
现在<br>标签会被正确解析为实际的换行符,而不是显示为文本。rehype-raw插件允许 ReactMarkdown 解析和渲染 HTML 标签,包括:
<br>- 换行<br/>- 自闭合换行- 其他常见的 HTML 标签
内容中的<br>标签现在会显示为真正的换行,而不是显示<br>文本。