Markdown 转 HTML

数据转换 完全免费 👁️ 实时预览 📋 复制 HTML 📥 离线可用 🌙 支持黑夜模式

写 README、发邮件、做演示页,把 Markdown 转成 HTML 直接复用。输入即实时预览,完整支持 GFM 表格与任务列表,还能切换查看并复制 HTML 源码。

类别程序员 · 数据格式
运行方式服务端解析(league/commonmark)
语法支持CommonMark + GFM 扩展
数据存储无存储,用完即弃

📝 Markdown → HTML

基于 league/commonmark 服务端解析(GFM 扩展),输入即转换;为防止 XSS,原始 HTML 会被转义。

📥 Markdown 源码
输入 Markdown 后自动转换

核心特性

CommonMark 标准解析
GFM 表格与任务列表
代码块 / 引用块 / 链接
输入即实时预览
预览与 HTML 源码切换
HTML 源码一键复制
原始 HTML 转义防 XSS
支持黑夜模式

为什么需要 Markdown 转 HTML?

Markdown 用极简的符号表达标题、列表、加粗、链接等排版,写起来快、读起来也清爽,因此成为文档与 README 的通用格式。但邮件、公众号、网页、静态站点最终需要的是 HTML,中间就得转换一次。

本工具基于 league/commonmark 解析,并启用 GFM(GitHub 风格)扩展,因此表格、任务列表、删除线、围栏代码块这些 GitHub 上常见的写法都能正确渲染。左侧输入、右侧实时预览,切到「HTML 源码」即可查看或复制生成的 HTML,粘贴到邮件或页面里直接生效。

安全方面:为防止 XSS,Markdown 里内嵌的原始 HTML 会被转义后原样显示,不会被当作标签执行。解析在服务端完成、不做存储,输入即转换。

怎么用

  1. 输入 Markdown
    在左侧输入 Markdown 源码,页面默认已载入一份示例,点「🎲 示例」可随时恢复。
  2. 查看预览
    右侧「👁️ 预览」实时渲染排版效果,支持表格、任务列表与代码块。
  3. 查看源码
    切到「📄 HTML 源码」即可看到生成的 HTML,点「📋 复制 HTML」取走。
  4. 清空重来
    点「🧹 清空」清空输入与结果,重新开始。

使用技巧

  • 标题用 # 起行,注意 # 后要有一个空格。
  • 表格需要分隔行(如 | --- |)才会被识别为表格。
  • 代码块用三个反引号围栏,并可在围栏后标注语言。
  • 内嵌的原始 HTML 会被转义显示,避免 XSS 风险。
  • 输入后约 0.4 秒自动转换,无需手动点击按钮。

更新记录

  • v1.0 2026-08-31 首次上线:CommonMark + GFM 解析、表格/任务列表/代码块支持、实时预览、HTML 源码查看与复制、原始 HTML 转义防 XSS。

常见问题

支持 GitHub 风格的表格和任务列表吗?
支持。解析器启用 GFM 扩展,表格、任务列表(- [x])、删除线、自动链接、围栏代码块都能正确渲染。
为什么我的内嵌 HTML 没有生效?
出于安全考虑,Markdown 里内嵌的原始 HTML 会被转义后原样显示,不执行标签,以防止 XSS 注入。这是有意的设计,不是 bug。
转换会保存我的内容吗?
不会。解析在服务端完成、结果即时返回,不做任何持久化存储,页面刷新后内容即消失。
预览和复制出来的 HTML 一致吗?
一致。预览区渲染的就是生成的 HTML;「📄 HTML 源码」标签页展示同一份内容的源码,复制即可直接使用。
代码块会做语法高亮吗?
转换输出的是标准 HTML 代码块结构(<pre><code>),语法高亮属于展示层能力,需在目标页面引入高亮库实现,本工具只负责转换。
能转成 CommonMark 标准而不是 GFM 吗?
本工具默认使用 GFM 以获得更好的兼容性与功能。GFM 是 CommonMark 的严格超集,绝大多数 CommonMark 语法在 GFM 下表现一致。

💬 留言板 0

全部留言需审核通过后展示
💬

还没有留言,来抢沙发吧!

✍️ 说点什么
0 / 500
图形验证码