Markdown 预览

实时渲染 Markdown(支持 GFM),可复制生成的 HTML。

什么是Markdown 预览?

Markdown 预览工具让你在左侧输入 Markdown 文本,右侧实时渲染成排版好的网页效果,所见即所得。它基于 GFM(GitHub Flavored Markdown)规范,支持标题、列表、表格、代码块、引用、链接图片、删除线、任务列表等常见语法,输入的同时右侧预览会同步刷新。 它解决的问题是:写 Markdown 时经常记不清某个语法最终渲染出来是什么样子,比如表格对齐、嵌套列表缩进、代码块高亮效果,与其发布后才发现排版错了,不如边写边看。

为什么使用Markdown 预览?

典型场景:写 GitHub/Gitee 的 README、写技术博客草稿、在提交 PR 前预览 issue 或评论的排版效果、给团队写文档前先确认格式无误。相比在编辑器插件里预览,网页工具不需要安装任何东西,打开浏览器即可用,也适合临时检查一段从别处复制来的 Markdown 内容效果是否正常。 配合复制 HTML 功能,还能把渲染结果的 HTML 代码复制出来,粘贴到不支持 Markdown 的富文本编辑器(比如某些 CMS 后台、邮件正文)里,直接得到带样式的内容。

使用示例

表格渲染

输入 | 姓名 | 年龄 | 换行 |---|---| 换行 | 张三 | 20 |,右侧会渲染成一个两列表格,表头加粗,边框自动对齐。

代码块与语法高亮

输入一个 js 语言的围栏代码块,内容为 console.log('hi'),预览区会显示带语法高亮的代码块效果。

复制为 HTML

写完一段包含标题、列表、加粗文字的 Markdown 后,点击复制 HTML,得到的是可以直接粘贴进邮件或网页编辑器的带样式 HTML 片段,而不是原始 Markdown 文本。

使用提示

表格语法对分隔行的写法比较敏感,确保表头下面一行用短横线分隔(如 |---|---|),否则可能不会被识别为表格。

常见问题

支持 GFM(GitHub 风格 Markdown)吗?
支持,已开启 gfm 与 breaks 选项,表格、删除线、任务列表等语法均可正常渲染,单个换行也会转换为 <br>。
如何进入 / 退出全屏预览?
点击「全屏」按钮即可让编辑与预览铺满整个窗口,方便长文档编辑;按 Esc 键或点右上角「退出全屏」即可返回。
数据会上传服务器吗?
不会。渲染基于浏览器本地加载的 marked 库完成,输入内容不会发送到任何服务器。
支持哪些 Markdown 语法?
支持标准 Markdown 加 GFM 扩展,包括表格、删除线、任务列表(- [ ] 待办)、自动链接、围栏代码块等,基本覆盖 GitHub/Gitee 上常见的写法。
支持数学公式吗?
本工具专注常规 Markdown 语法,如果需要渲染 LaTeX 数学公式,建议使用站内的数学公式编辑 (LaTeX) 工具。
输入的内容会上传到服务器吗?
不会,渲染完全在浏览器本地完成,刷新页面或关闭标签页后内容不会保留,重要内容建议自行保存。
为什么某些 HTML 标签没有生效?
出于安全考虑,工具会对渲染结果做基本处理,部分可能有风险的原始 HTML 标签或属性不会按预期渲染,建议尽量使用标准 Markdown 语法。
可以渲染很长的文档吗?
可以,但内容越长实时渲染的开销越大,如果感觉输入卡顿,可以减少一次性粘贴的内容量或分段预览。

相关工具

相关教程

← 返回工具箱· 数据均在浏览器本地处理,不上传服务器。