MDX 在线转换器

几秒内将 HTML 转为整洁的 MDX、把 MDX 渲染为可读文本，并将纯文本转义为合法的字面 MDX。

你的 MDX、HTML 和文本在浏览器中本地处理，不会上传到任何服务器。

由 Udit Agarwal 开发和维护

需要纯 Markdown？试试 Markdown 工具。

关于 MDX 转换工具

这款 MDX 转换器以三种方式帮你处理 MDX 内容：把 MDX 渲染为格式化、可读的文本，把 HTML 转为整洁的 GitHub 风格 Markdown/MDX，以及把纯文本转义为字面、合法的 MDX。它专为在 HTML、Markdown 和 MDX 之间迁移内容的开发者、技术文档撰写者和文档团队打造。使用 HTML 转 MDX 模式把粘贴的标记转为带标题、表格、代码块和列表的整洁 Markdown，或使用渲染模式在无需启动构建的情况下预览 MDX。JSX 组件绝不会被执行：组件会被剥离但保留其内部文本，表达式会被移除。所有处理都在你的浏览器本地完成，因此你的草稿、文档和片段在转换和预览时都保留在你的机器上。

功能特性

• 通过实时预览面板将 MDX 渲染为格式化文本
• 将 HTML 转为整洁的 GitHub 风格 Markdown/MDX
• 将纯文本转义为字面、合法的 MDX（处理 < { } 字符）
• 转换 HTML 时保留标题、表格、代码块、列表和引用块
• 安全剥离 JSX 组件和表达式，不执行任何代码
• 一键复制渲染后的文本、HTML 或 MDX 输出
• 将结果下载为 .html 或 .mdx 文件

如何使用 MDX 转换工具

1. 在顶部选择一种模式：MDX → 预览、HTML → MDX 或 文本 → MDX。
2. 将你的 MDX、HTML 或纯文本粘贴到输入框（或加载示例）。
3. 在右侧查看渲染后的预览或转换后的输出。
4. 使用复制获取文本、HTML 或 MDX，或使用下载将其保存为文件。

示例

输入

<h2>特性</h2>
<ul><li>快速</li><li>本地</li></ul>

输出

## 特性

- 快速
- 本地

HTML 转 MDX 模式将标记转换为整洁的 Markdown。

常见错误与故障排除

• JSX 组件从输出中消失了。 — 这是预期行为。组件会被移除并保留其内部文本；不会执行任何内容。如果需要保留，请将内容以 Markdown 形式内联。
• 像 {version} 这样的花括号表达式在预览模式中消失了。 — 由于不运行任何 JavaScript，MDX 表达式会被剥离。请在渲染前将它们替换为字面文本。
• 由于杂散的 < 或 { 字符，粘贴的文本破坏了 MDX。 — 使用文本转 MDX 模式来转义 <、{ 和 }，使内容成为合法的字面 MDX。
• HTML 已转换，但某个标签被忽略了。 — 转换针对常见的结构性标签（标题、表格、代码、列表、链接、引用块）。请简化不常见或格式有误的标记后再次转换。

常见问题

什么是 MDX 转换器？

MDX 转换器可将 MDX 渲染为格式化文本、把 HTML 转为整洁的 Markdown/MDX，并把纯文本转义为字面 MDX。你只需一键即可在这三种模式之间切换。

MDX 转换器会运行或执行 JSX 组件吗？

不会。组件会被移除（保留其内部文本），表达式会被剥离，因此绝不会执行任何内容。

HTML 转 MDX 会生成什么？

它会输出 GitHub 风格 Markdown，包括标题、表格、代码块、列表、链接和引用块。

如何把纯文本变成合法的 MDX？

使用文本 → MDX 模式，它会转义像 <、{ 和 } 这样的字符，使文本成为字面、合法的 MDX。

我可以用本工具把 MDX 转为 Markdown 吗？

可以。HTML 转 MDX 模式会生成 GitHub 风格 Markdown，预览模式会把 MDX 渲染为可读文本，你可以将其复制为对 Markdown 友好的内容。

使用 MDX 转换器时，我的内容会被上传到任何地方吗？

不会。MDX 转换器完全在你的浏览器中运行，因此你的 MDX、HTML 和文本不会离开你的设备。

相关工具

• Markdown 预览 — 将 Markdown 渲染为 HTML 并实时预览。
• HTML 格式化工具 — 美化或压缩 HTML，格式化内联 CSS/JS 并预览结果。
• XML 格式化工具 — 美化、压缩和验证 XML，并在 XML ↔ JSON 之间转换。
• HTML 转义 / 反转义 — 转义和反转义 HTML 特殊字符与实体。
• JSON 转代码 — 从 JSON 生成 Go、Rust、Python、Java、Kotlin、C# 和 TypeScript 类型。
• Mermaid 图表渲染器 — 在浏览器中将 Mermaid 图表（流程图、时序图、甘特图）渲染为 SVG。
• 大小写转换工具 — 在 camelCase、snake_case、kebab-case、PascalCase 等之间转换文本。
• 文本对比 — 逐行对比两段文本，查看新增和删除内容。

更多代码格式化工具

• CSS / SCSS 格式化工具 — 美化或压缩 CSS/SCSS/LESS，排序属性并去除重复项。
• JS / TS 格式化工具 — 使用 Prettier 选项美化 JavaScript、TypeScript 和 JSX/TSX，或压缩纯 JavaScript。
• HTML 格式化工具 — 美化或压缩 HTML，格式化内联 CSS/JS 并预览结果。
• XML 格式化工具 — 美化、压缩和验证 XML，并在 XML ↔ JSON 之间转换。
• SQL 格式化工具 — 为 MySQL、PostgreSQL、SQL Server、SQLite、BigQuery 和 Oracle 格式化 SQL。
• GraphQL 格式化工具 — 格式化或压缩 GraphQL 查询和模式，验证语法并提取操作。
• Dockerfile 格式化工具 — 格式化 Dockerfile 并获取最佳实践和 lint 建议。
• MongoDB 查询格式化工具 — 格式化 MongoDB shell 查询和聚合管道。
• 对比度检查工具 — 检查两种颜色之间的 WCAG 对比度以及是否通过 AA/AAA。
• Mermaid 图表渲染器 — 在浏览器中将 Mermaid 图表（流程图、时序图、甘特图）渲染为 SVG。
• SVG 优化工具 — 压缩 SVG：移除注释、元数据和编辑器残留，并合并空白。
• MongoDB 查询美化工具 — 在浏览器中美化并缩进 MongoDB 查询和 find() 语句。

查看全部代码格式化工具 (32) · 全部工具