Markdown 转 HTML 转换器

将 Markdown 转换为 HTML,支持 GitHub 风格 Markdown 的表格和任务列表,提供经过净化的实时预览,可复制或下载原始 HTML。免费。

完全在浏览器中运行,您的数据不会被上传。

相关工具

查看全部

什么是 Markdown 转 HTML?

编写或粘贴 Markdown,即可得到它生成的 HTML 以及渲染后的预览。支持 GitHub 风格 Markdown(表格、任务列表、删除线、自动链接),你还可以让单个换行生成 <br>。

如何使用 Markdown 转 HTML

  1. 将 Markdown 粘贴到 Markdown 输入框中,或使用加载示例或打开文件。
  2. 切换 GitHub 风格 Markdown(表格、任务列表)和换行 = <br>。
  3. 在 HTML 输出下方查看预览。
  4. HTML 输出会随你的输入实时更新;可使用复制或下载。

示例

输入
# Hi

**bold** and *it*
输出
<h1>Hi</h1>
<p><strong>bold</strong> and <em>it</em></p>

何时使用 Markdown 转 HTML

适合把 README 文本、博客草稿或文档转换为 HTML,用于 CMS 或电子邮件。原始 HTML 输出没有经过净化——如果 Markdown 来自不可信的用户,请在发布前在服务器上对 HTML 进行净化。

Markdown 转 HTML 的工作原理

Markdown 由 marked 转换,这是一个兼容 CommonMark 的解析器,启用时带有 GFM 扩展。原始 HTML 输出与 marked 生成的完全一致,包括你写在 Markdown 里的任何 HTML。预览会先经过 DOMPurify,它会在显示之前移除脚本、onerror 等事件处理程序以及其他危险标记。

常见用例

  • 把 README 的某一节转换为网站用的 HTML
  • 为不支持 Markdown 的 CMS 准备 HTML
  • 检查 GitHub 风格的表格如何渲染
  • 用 Markdown 编写 HTML 邮件内容

常见问题

输出的 HTML 安全吗?

预览已用 DOMPurify 净化。原始 HTML 保持原样返回,以便你查看 marked 生成了什么;发布不可信内容前,请自行净化。

使用的是哪种 Markdown 风格?

通过 marked 实现的 CommonMark,并在开启 GFM 选项时加上 GitHub 风格 Markdown 的扩展。

为什么我的单个换行被忽略了?

在标准 Markdown 中,单个换行相当于一个空格。启用换行 = <br>即可保留它们,就像 GitHub 评论那样。

推荐的下一步

探索更多分类