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。示例含标题、粗体、列表、链接、行内代码与围栏代码块,方便立刻试格式。
使用方法
- 打开预览器: 打开本页,显示 Markdown 编辑区与 Preview 面板。
- 编辑 Markdown: 修改示例 Markdown,或把自己的内容粘贴进 Markdown 字段。
- 查看预览: 输入时 Preview 面板会刷新;状态变为 Preview updated。
- 处理解析问题: 若状态显示 Parse error: …,调整 Markdown 后继续输入即可。
常见用途
- 粘贴到仓库或 CMS 前预览 README 风格 Markdown。
- 撰写文档时检查列表、链接与代码块渲染。
- 无需打开桌面编辑器即可确认排版效果。
使用提示
- 预览下方的状态会提示渲染完成或失败。
- 输出已消毒;适合预览辅助,不是完整 CMS 流水线。
常见问题
需要 Preview 按钮吗?
不需要。Markdown 一变,预览就会实时更新。
支持 GitHub 风格 Markdown 吗?
解析启用了 GFM 选项与换行 breaks,适合常见 README 语法。
为什么要消毒 HTML?
DOMPurify 降低危险标记风险,让页面内实时预览更安全。
Markdown 会上传吗?
输入时即在浏览器本地解析,无需账号。