Markdown 编辑器
编写 Markdown 并并排实时预览。支持 GitHub 风格 Markdown 的表格和任务列表,输出经过净化的 HTML,并可下载 .md/.html 文件。
使用 marked 渲染并用 DOMPurify 清理:预览和 HTML 输出中的脚本、事件处理器等不安全 HTML 都会被移除。
相关工具
查看全部什么是 Markdown 编辑器?
一个在文本旁边提供实时预览的在线 Markdown 编辑器。它支持 GitHub 风格 Markdown(表格、任务列表、删除线、自动链接),会显示生成的 HTML,并让你复制 HTML,或把文档下载为 .md 或独立的 .html 文件。
如何使用 Markdown 编辑器
- 在编辑器中编写或粘贴 Markdown,或点击加载示例查看语法。
- 输入时预览会同步更新;可在并排、仅编辑器、仅预览和 HTML 视图之间切换。
- 按需切换 GitHub 风格 Markdown(表格、任务列表、删除线) 和把单个换行视为 <br>。
- 复制 HTML,或使用下载 .md / 下载 .html。
示例
# Hi **bold** and <img src=x onerror=alert(1)>
<h1>Hi</h1> <p><strong>bold</strong> and <img src="x"></p>
onerror 处理程序已被 DOMPurify 移除
何时使用 Markdown 编辑器
适用于起草 README 文件、文档、笔记、论坛帖子或用 Markdown 撰写的邮件,或把 Markdown 转换为干净的 HTML。某个平台特有的语法(GitHub 提示块、Mermaid 图表、$…$ 数学公式、wiki 链接)不会被渲染。
Markdown 编辑器 的工作原理
Markdown 通过 marked 库转换(兼容 CommonMark,启用后带 GFM 扩展;breaks 选项会把单个换行变成 <br>)。生成的 HTML 会经过使用其 HTML 配置的 DOMPurify,它会在预览显示、复制或下载之前移除 <script>、onerror 等事件处理属性、javascript: 网址以及其他危险标记。这两个库都在你的浏览器中按需加载。
常见用例
- 带实时预览地起草 README.md
- 把 Markdown 笔记转换成用于网站或邮件的 HTML
- 用 GFM 编写表格和任务列表
- 教学或学习 Markdown 语法
- 在发布之前预览来自 CMS 或聊天的 Markdown
安全提示
预览和 HTML 输出都经过 DOMPurify 净化,因此粘贴不可信的 Markdown 也无法在本页面运行脚本。Markdown 内容绝不会离开你的浏览器。
常见问题
允许在 Markdown 中使用原始 HTML 吗?
允许,但会经过净化:安全的标签会保留,而脚本、事件处理程序和 javascript: 链接会被移除。
我的文档会被保存吗?
不会。不会存储或上传任何内容——请下载 .md 文件来保存你的工作。
什么是 GitHub 风格 Markdown?
这是 GitHub 对 CommonMark 的扩展,增加了表格、任务列表(- [x])、删除线(~~text~~)和自动链接。