首页/Markdown ⇄ HTML
文本 · MD

Markdown ⇄ HTML

Markdown 与 HTML 双向互转

输入
MarkdownMD
输出
HTMLHTML

概述:Markdown ⇄ HTML 是一款双向转换工具,可以快速将 Markdown 渲染为 HTML,也可以将 HTML 反向转换为简洁的 Markdown。它基于 marked(Markdown 解析)与 turndown(HTML → Markdown)构建,遵循 CommonMark 规范,支持代码块、表格、图片等常用元素。

使用步骤:第一步 — 在左侧粘贴 Markdown 源码(支持标题、列表、粗体、斜体、链接、代码块、表格等),或点击示例加载样例。第二步 — 右侧面板会实时显示对应的 HTML,可粘贴到 HTML 编辑器、邮件或 CMS。第三步 — 反向操作时,在右侧粘贴 HTML,工具会生成 Markdown(ATX 风格标题、围栏代码块)。第四步 — 复制或下载结果。

典型场景:技术博主使用 Markdown 写作并导出 HTML 发布到 CMS;将旧 HTML 网站迁移到基于 Markdown 的静态生成器(Hexo、Hugo、VuePress);在 GitHub README / wiki 与其网页版本之间转换;将微信公众号、简书、掘金等的富文本转换为可移植的 Markdown;协作编辑文档时的格式互操作。

技术说明:marked 遵循 CommonMark 加 GFM 扩展,支持任务列表、表格与删除线。turndown 将常见 HTML 元素 — <h1>-<h6><strong><em><ul><ol><code><pre><a><img> — 转为 Markdown。<script> 或 <style> 等非内容元素会被安全剥离。含嵌套 div 或内联样式的复杂布局可能无法完美保留,需要手动调整。

隐私说明:所有转换均在浏览器本地完成,文章内容不会上传,因此可安全用于未发布的博客文章或内部知识库文档。

常见问题

如何使用 Markdown ⇄ HTML?
第二步 — 右侧面板会实时显示对应的 HTML,可粘贴到 HTML 编辑器、邮件或 CMS。 第三步 — 反向操作时,在右侧粘贴 HTML,工具会生成 Markdown(ATX 风格标题、围栏代码块)。
Markdown ⇄ HTML 能做什么?
典型场景: 技术博主使用 Markdown 写作并导出 HTML 发布到 CMS;将旧 HTML 网站迁移到基于 Markdown 的静态生成器(Hexo、Hugo、VuePress);在 GitHub README / wiki 与其网页版本之间转换;将微信公众号、简书、掘金等的富文本转换为可移植的 Markdown;协作编辑文档时的格式互操作。 典型场景: 技术博主使用 Markdown 写作并导出 HTML 发布到 CMS;将旧 HTML 网站迁移到基于 Markdown 的静态生成器(Hexo、Hugo、VuePress);在 GitHub README / wiki 与其网页版本之间转换;将微信公众号、简书…
使用 Markdown ⇄ HTML 时我的数据是否安全?
隐私说明: 所有转换均在浏览器本地完成,文章内容不会上传,因此可安全用于未发布的博客文章或内部知识库文档。 隐私说明: 所有转换均在浏览器本地完成,文章内容不会上传,因此可安全用于未发布的博客文章或内部知识库文档。
关于 Markdown ⇄ HTML 有哪些技术要点需要了解?
turndown 将常见 HTML 元素 — <h1>-<h6> 、 <strong> 、 <em> 、 <ul> 、 <ol> 、 <code> 、 <pre> 、 <a> 、 <img> — 转为 Markdown。 <script> 或 <style> 等非内容元素会被安全剥离。
© 2026 DataForge · 企业级数据转换工具集