Markdown 预览

编辑 Markdown 字段,预览区会自动更新。工具用 marked 解析(GFM 与换行),经 DOMPurify 消毒 HTML,并显示如 Preview updated 的状态。

更新 2026-08-04 · developer

Empty preview

Preview updates as you type.

关于本工具

本 Markdown 预览把文本框绑定到实时 HTML 预览。空输入显示斜体 Empty preview。解析失败会清空预览并显示带详情的 Parse error。示例含标题、粗体、列表、链接、行内代码与围栏代码块,方便立刻试格式。

使用方法

  1. 打开预览器: 打开本页,显示 Markdown 编辑区与 Preview 面板。
  2. 编辑 Markdown: 修改示例 Markdown,或把自己的内容粘贴进 Markdown 字段。
  3. 查看预览: 输入时 Preview 面板会刷新;状态变为 Preview updated。
  4. 处理解析问题: 若状态显示 Parse error: …,调整 Markdown 后继续输入即可。

常见用途

使用提示

常见问题

需要 Preview 按钮吗?

不需要。Markdown 一变,预览就会实时更新。

支持 GitHub 风格 Markdown 吗?

解析启用了 GFM 选项与换行 breaks,适合常见 README 语法。

为什么要消毒 HTML?

DOMPurify 降低危险标记风险,让页面内实时预览更安全。

Markdown 会上传吗?

输入时即在浏览器本地解析,无需账号。

相关关键词

相关工具