Markdown 转 HTML
左侧编辑 Markdown,右侧实时渲染。基于 marked v18 + DOMPurify 安全过滤,代码块用 highlight.js 自动语言识别。
Markdown 输入
正在加载编辑器…
渲染预览
正在加载渲染器…
关于本工具
Markdown 转 HTML 在线工具:左侧编辑、右侧实时预览,并可以复制 / 下载渲染后的 HTML 源码。基于 marked v18(CommonMark + GFM 表格、删除线、任务列表),代码块走 highlight.js 高亮,输出经 DOMPurify 过滤防 XSS。
什么时候用
- 把 README / 技术文档的 Markdown 转 HTML 嵌入富文本编辑器
- 邮件营销 / 站内信:Markdown 写作,导出 HTML 投递
- 学习 Markdown 语法——边写边看渲染效果
- Notion / Obsidian 笔记导出后转 HTML 放博客
- 对比不同 Markdown 引擎的渲染差异(GitHub vs marked)
隐私说明
本工具完全在浏览器内运行,输入的数据从不上传到任何服务器,关闭页面即清除。可以在浏览器开发者工具的 Network 面板自行验证:使用过程中无任何向 toolkit.best 的网络请求。
常见问题
- 支持 GFM(GitHub Flavored Markdown)吗?
- 支持。marked v18 默认开启 GFM 扩展:表格、删除线(~~text~~)、任务列表(- [ ] / - [x])、自动链接、围栏代码块。和 GitHub 渲染基本一致。
- 代码块语法高亮怎么实现?
- 用 highlight.js(已内置在站点中),按 ```lang 标签自动识别。支持 200+ 语言;如果识别不出会用通用渲染。
- 输出的 HTML 安全吗?
- 经 DOMPurify v3 严格过滤——会移除 <script>、内联事件(onclick 等)、javascript: URL 等所有 XSS 载体。可以放心嵌入到自己的页面。
- 支持 Mermaid 图表 / LaTeX 数学公式吗?
- 暂不支持。这两类需要额外渲染器。Mermaid 请用本站的 Mermaid 编辑器工具单独渲染;数学公式后续可能加 KaTeX 集成。
- 可以下载 .html 文件吗?
- 可以。'下载 HTML' 按钮会输出含基础样式的完整 HTML 文档(含 <head> + meta charset),双击直接在浏览器打开。
- 和 dillinger.io / stackedit 等老牌工具比?
- 本站强调纯前端运行(草稿不上云)+ 集成在一组开发者工具中,配合代码格式化 / Mermaid 编辑器使用更顺手;老牌工具功能更多但启动更慢,且有的需要登录。
最近更新: