news 2026/6/23 0:51:29

ReactMarkdown渲染的内容包含<br>标签,我希望是真正的换行,而不是显示<br>标签

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
ReactMarkdown渲染的内容包含<br>标签,我希望是真正的换行,而不是显示<br>标签

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>文本。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/13 20:54:17

ComfyUI-Impact-Pack中SAM模型加载失败的完整解决方案

ComfyUI-Impact-Pack中SAM模型加载失败的完整解决方案 【免费下载链接】ComfyUI-Impact-Pack 项目地址: https://gitcode.com/gh_mirrors/co/ComfyUI-Impact-Pack ComfyUI-Impact-Pack作为ComfyUI生态中功能强大的图像处理扩展包&#xff0c;在面部细节增强、语义分割和…

作者头像 李华
网站建设 2026/6/15 1:04:57

终极TFT游戏助手:实时数据分析与阵容优化神器

终极TFT游戏助手&#xff1a;实时数据分析与阵容优化神器 【免费下载链接】TFT-Overlay Overlay for Teamfight Tactics 项目地址: https://gitcode.com/gh_mirrors/tf/TFT-Overlay 还在为云顶之弈复杂的装备系统感到困惑&#xff1f;面对数十种基础装备却不知如何组合成…

作者头像 李华
网站建设 2026/6/22 14:18:33

如何测试AI手势识别效果?‘比耶’图上传步骤详解

如何测试AI手势识别效果&#xff1f;‘比耶’图上传步骤详解 1. AI 手势识别与追踪&#xff1a;从感知到交互的桥梁 在人机交互日益智能化的今天&#xff0c;AI手势识别正成为连接人类动作与数字世界的桥梁。传统的输入方式如键盘、鼠标或触控屏&#xff0c;虽然成熟稳定&…

作者头像 李华
网站建设 2026/6/19 19:49:36

【跨平台资源监控终极指南】:掌握CPU、内存、IO实时监控的5大核心工具

第一章&#xff1a;跨平台资源占用监控在现代分布式系统和混合部署环境中&#xff0c;统一监控不同操作系统的资源使用情况成为运维工作的核心需求。跨平台资源占用监控旨在通过标准化接口与轻量级代理&#xff0c;实时采集 Windows、Linux、macOS 等系统的 CPU、内存、磁盘 I/…

作者头像 李华
网站建设 2026/6/12 20:14:03

三步解锁专业级虚拟骑行:打造永不掉线的个人训练空间

三步解锁专业级虚拟骑行&#xff1a;打造永不掉线的个人训练空间 【免费下载链接】zwift-offline Use Zwift offline 项目地址: https://gitcode.com/gh_mirrors/zw/zwift-offline 还在为网络波动中断训练而烦恼吗&#xff1f;想要在任何环境下都能享受流畅的虚拟骑行体…

作者头像 李华
网站建设 2026/6/18 21:38:45

AI姿态估计省钱攻略:比买显卡省90%,1小时仅1块钱

AI姿态估计省钱攻略&#xff1a;比买显卡省90%&#xff0c;1小时仅1块钱 1. 为什么你需要AI姿态估计&#xff1f; 想象你正在开发一款舞蹈教学APP&#xff0c;用户上传自己的练习视频后&#xff0c;APP需要自动分析动作是否标准。这就是姿态估计&#xff08;Pose Estimation&…

作者头像 李华