Streamdown
什么是Streamdown？
Streamdown 是一个专为 AI 驱动的流式处理设计的 react-markdown 替代品。它旨在实现安全且格式正确的 Markdown 内容流式传输，无需复杂处理，支持如 AI Elements Response 组件等功能。可以作为独立包安装并使用，提供内置排版样式、支持 GitHub 风格的 Markdown、带 Shiki 高亮的交互式代码块、通过 LaTeX 和 KaTeX 支持数学表达式、交互式 Mermaid 图表，并且具有强大的安全强化功能，以防止提示注入。
如何使用 Streamdown？
要使用 Streamdown，您可以直接使用 `npm i streamdown` 安装，或通过 `npx ai-elements add response` 进行安装。通过使用 `<Response>` 组件（如果使用 AI Elements）或 Streamdown 组件本身来集成到您的 React 应用中，以呈现 Markdown 内容。此外，您需要更新 Tailwind 的 `globals.css` 文件以包括 Streamdown 的样式，方法是添加 `@source "..\/node_modules\/streamdown\/dist\/index.js";`。
Streamdown 的核心功能
react-markdown 的无缝替代品
专为 AI 驱动的流式处理设计
带有 Tailwind 类的内置排版样式
支持 GitHub 风格的 Markdown (GFM)
带 Shiki 高亮和复制按钮的交互式代码块
通过 remark-math 和 KaTeX 支持 LaTeX 数学表达式
支持带渲染按钮的交互式 Mermaid 图表
解析和样式化未终止的 Markdown 块，以便于流式处理美观
内置安全强化功能，可防止提示注入（图像/链接来源验证）
可以通过 props 自定义组件、允许前缀、插件和 Shiki 主题
Streamdown 的使用案例
在 Web 应用中呈现 AI 生成的流式 Markdown 内容
构建 AI 模型的聊天界面或响应组件
在 React 应用中显示复杂的 Markdown 内容，具备高级特性（数学、图表、代码）
确保从不可信来源的 Markdown 安全渲染
来自 Streamdown 的常见问题
什么是 Streamdown，它与 react-markdown 有何不同？
Streamdown 对于流式处理中的不完整 Markdown 有支持吗？
Streamdown 如何处理流式内容的安全性？
我可以自定义代码块或其他 Markdown 元素的外观吗？
Streamdown 支持邮箱 & 客户服务联系 & 退款联系等
更多联系, 访问 the contact us page()
Streamdown 公司信息
Streamdown 公司名字: Vercel .
Streamdown 公司地理位置: .
更多关于Streamdown, 请访问 the about us page().
Streamdown 登录
Streamdown 注册
Streamdown Github
Streamdown Github链接: https://github.com/vercel/streamdown
Streamdown 评价 (0)
Streamdown数据分析
Streamdown 网站流量分析
地理位置
Top 5 国家/地区
Streamdown 启动嵌入功能
使用网站徽章推动社区对 Toolify 启动的支持。它们很容易嵌入到您的主页或页脚。
社交媒体聆听