MDX 转换工具
将 MDX 渲染为文本、将 HTML → MDX，并将文本转义为 MDX 字面量。
你的 MDX、HTML 和文本在浏览器中本地处理，不会上传到任何服务器。
需要纯 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 转换工具
- 在顶部选择一种模式：MDX → 预览、HTML → MDX 或 文本 → MDX。
- 将你的 MDX、HTML 或纯文本粘贴到输入框（或加载示例）。
- 在右侧查看渲染后的预览或转换后的输出。
- 使用复制获取文本、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 和文本不会离开你的设备。
相关工具
全部 ArrayKit 工具