Markdown 转 HTML 转换器
将 Markdown 转换为 HTML,支持 GitHub 风格 Markdown 的表格和任务列表,提供经过净化的实时预览,可复制或下载原始 HTML。免费。
完全在浏览器中运行,您的数据不会被上传。
相关工具
查看全部什么是 Markdown 转 HTML?
编写或粘贴 Markdown,即可得到它生成的 HTML 以及渲染后的预览。支持 GitHub 风格 Markdown(表格、任务列表、删除线、自动链接),你还可以让单个换行生成 <br>。
如何使用 Markdown 转 HTML
- 将 Markdown 粘贴到 Markdown 输入框中,或使用加载示例或打开文件。
- 切换 GitHub 风格 Markdown(表格、任务列表)和换行 = <br>。
- 在 HTML 输出下方查看预览。
- 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 评论那样。
推荐的下一步
Markdown 编辑器
编写 Markdown 并并排实时预览。支持 GitHub 风格 Markdown 的表格和任务列表,输出经过净化的 HTML,并可下载 .md/.html 文件。
README 生成器
填写一个简短的表单,即可得到干净的 GitHub README.md,包含徽章、安装、使用、功能特性、贡献指南和许可证章节,并提供实时 Markdown 预览。
代码压缩
在一个工具里压缩 JavaScript(Terser)、CSS(CSSO)、HTML、JSON 或 XML:选择语言、粘贴代码,即可看到节省的字节数。免费,在浏览器中运行。
代码美化
在浏览器中一站式美化 14 种语言的代码,涵盖前端脚本、样式表、标记语言、数据格式、查询语言以及 PHP 和 Python,选择语言和缩进即可。
HTML 压缩
安全地压缩 HTML:去除注释、合并空白、删除块级标签周围的空格,同时让 pre、textarea、script 和 style 保持原样。
转义/反转义工具
一个工具搞定字符串转义与反转义:支持 JSON、JavaScript、HTML、XML、URL 组件、正则表达式、SQL 字面量、CSS 字符串和 Shell 参数。