Markdown 转 HTML 工具
将 Markdown 渲染为 HTML,并提供实时预览。支持 GFM 表格、任务列表、围栏代码块。基于 marked 库运行。
查看原始 HTML
使用方法
- 1 粘贴 Markdown 内容——同时支持 GFM 和 CommonMark 语法。
- 2 开启或关闭 GFM 特性(表格、任务列表、删除线),并设置换行的处理方式。
- 3 在右侧查看实时渲染的 HTML 预览。点击“查看原始 HTML”可获取源代码。
- 4 复制或下载渲染好的 HTML。
为什么使用此工具
- 基于 <code class="font-mono text-xs">marked</code> 构建——一个速度快、严格遵循规范的 Markdown 渲染库。
- 该库仅在首次渲染时才会加载,页面始终保持轻量。
- 可自由开启或关闭 GFM 扩展特性——表格、围栏代码、任务列表、删除线。
- 实时预览与源码同步显示,并可随时查看原始 HTML。
常见问题
渲染出的 HTML 会经过净化(sanitize)处理吗?
不会——渲染后的 HTML 会原样显示,方便你直接复制粘贴到 CMS 中。如果要把不受信任的输入内容嵌入到公开页面上,请先用 DOMPurify 之类的净化工具处理一遍,再插入页面。
支持 GitHub 风格的任务列表复选框吗?
支持——开启 GFM 后,<code class="font-mono text-xs">- [x] done</code> 会被渲染成已勾选的复选框。
需要反向转换怎么办?
使用 <a class="text-brand-600 hover:underline" href="/html-to-markdown">HTML to Markdown</a> 进行反向转换。
还有哪些相关工具?
<a class="text-brand-600 hover:underline" href="/markdown-formatter">Markdown Formatter</a> 可使用 Prettier 重新格式化;<a class="text-brand-600 hover:underline" href="/markdown-table-generator">Markdown Table Generator</a> 可从网格数据生成表格。
什么是 Markdown 转 HTML 工具?
Markdown 转 HTML 工具可以把 Markdown 文本渲染成 HTML 标记,并同步显示实时预览。该工具借助 marked 解析器完全在浏览器端运行,支持 GitHub Flavored Markdown(GFM)的表格、任务列表和围栏代码块等特性,将纯文本 Markdown 快速转换为可直接使用的 HTML。
功能特性
实时预览
输入时即可看到渲染后的 HTML 实时更新,并与原始输出并排显示。
GitHub Flavored Markdown
支持表格、任务列表、删除线和围栏代码块。
100% 隐私保护
使用 marked 在你的设备本地渲染——不会上传任何内容。
示例
Input
# Hi
**bold** text
Output
<h1>Hi</h1>
<p><strong>bold</strong> text</p>
常见使用场景
-
1
将 Markdown 发布为 HTML
将 README 或文章转换为 HTML,以嵌入网页或电子邮件。
-
2
提交前预览
检查 Markdown 在 GitHub 或文档站点上的渲染效果。
-
3
生成邮件/CMS 用 HTML
用 Markdown 撰写内容,并导出干净的 HTML 用于 CMS 或邮件通讯。
Zerethon 的 Markdown to HTML 转换器使用 marked 解析器将 Markdown 渲染为 HTML,并在浏览器中提供实时预览。它支持 GitHub Flavored Markdown——表格、任务列表、删除线和围栏代码块——生成可直接使用的 HTML。所有处理都在客户端完成,因此你的 Markdown 内容永远不会被上传。
- 分类
- 开发者
- 价格
- 免费
- 隐私
- 基于浏览器
- 注册
- 无需
参考资料
- marked — Markdown 解析器与编译器 — GitHub
- GitHub Flavored Markdown 规范 — GitHub
- CommonMark 规范 — CommonMark
隐私
除非另有说明,否则你的数据永远不会离开浏览器。Markdown 转 HTML 工具 完全在客户端运行 — 无需上传服务器,不记录日志,不追踪你输入的内容。
对比
了解基础知识
相关工具
在 Zerethon Social 上创作、分享与成长
免费注册。赚取积分,收集成就,与全球创作者建立联系。