Markdown 预览

Markdown 编辑与预览

输入 Markdown,实时查看经过净化处理的 HTML 预览。

284 / 500,000 个字符
渲染后的预览将显示在这里。
分享

关于 Markdown 预览

Markdown 预览会在你输入时将 GitHub 风格的 Markdown 实时转换为 HTML,且每次渲染结果在显示前都会经过 DOMPurify 处理。无论是编写文档、README 还是笔记,都能在浏览器中直接看到最终效果。

功能:

  • 由启用 GFM 的 marked 驱动,带 300 毫秒防抖的实时预览
  • 每次渲染在显示前都会通过 DOMPurify 净化
  • 预览中的链接会自动以安全方式在新标签页打开
  • 可查看并导出净化后的原始 HTML 源码,支持复制与下载

如何使用 Markdown 预览

  1. 在编辑器中输入或粘贴 Markdown
  2. 查看净化后的预览自动更新
  3. 切换到「HTML 源码」标签查看原始标记
  4. 复制 HTML 或将其下载为 .html 文件

常见问题

支持哪些 Markdown 语法?

此工具通过 marked 库使用 GitHub Flavored Markdown(GFM),因此支持标题、列表、表格、任务列表、代码块、链接、图片以及加粗、斜体等行内格式。

预览效果和 GitHub 的渲染完全一致吗?

两者非常接近,但并非像素级完全一致。二者都遵循 GFM 规则处理表格、任务列表和删除线,但 GitHub 会应用自己的 CSS 以及一些平台特有的调整(例如 @提及 或 issue 链接),本工具并未复现这些细节。

预览会自动更新吗?

会。在你停止输入约 300 毫秒后,预览会重新渲染,这样既能保持响应速度,又不会在每次按键时都重新计算。

在这里粘贴不可信的 Markdown 安全吗?

安全 —— marked 生成的所有 HTML 在渲染前都会经过 DOMPurify.sanitize() 处理,从而去除脚本、事件处理程序等危险标记。链接也会被强制加上 rel="noopener noreferrer" 属性,防止粘贴的内容劫持你的标签页。

我可以获取原始 HTML 而不只是预览吗?

可以。切换到「HTML 源码」标签即可以文本形式查看净化后的标记,然后复制它,或将其下载为独立的 .html 文件。

此工具会把我的文档发送到别处吗?

不会。Markdown 的解析和净化都通过随页面加载的 JavaScript 库在浏览器本地完成 —— 你的文档永远不会被上传。

隐私

你的 Markdown 完全在浏览器中渲染,输入的任何内容都不会上传或存储到服务器。

标准与参考资料

最后更新: 2026-07-23