📑 Markdown 预览
粘贴 Markdown 即可实时查看 HTML 预览。GitHub 风格渲染并支持代码高亮。
完全免费
无需注册
浏览器内完成
5 种语言
深色模式
📚 支持的语法
# H1 .. ###### H6
**bold** *italic*
`inline code`
```fenced code```
[link](url)
- bullet list
1. ordered list
> blockquote
--- hr
| table |
~~strike~~
- [ ] checkbox
auto-link
html escape
📖 常见的坑
粘贴 Markdown 即可实时渲染 HTML，并可直接复制转换后的 HTML。支持 GitHub Flavored Markdown 的主要写法与代码高亮。处理全部在浏览器内完成。Markdown 并没有唯一的规范——CommonMark、GFM、Qiita、Zenn、Notion、Slack 各是不同方言，在这里的显示效果，并不保证粘贴到别处也一样。
| 情形 | 会发生什么 | 怎么处理 |
|---|---|---|
| 粘到别处，换行和列表就乱了 | 各方言差别最大的地方是对换行的处理。GFM 会把单纯的换行直接变成 <br>，而 CommonMark 会忽略它，把各行拼成同一个段落——同一段文本，在一处是三行，在另一处是一行。列表嵌套则取决于缩进是两个空格还是四个空格，用两个空格写的嵌套可能被拍平，也可能被当成代码块。至于 Slack，标题和表格它都不认。 |
请务必在块的前后留一个空行。仅仅是在标题、列表、表格、代码块之前留一空行，就能消除绝大部分方言间的解释差异。分段时也请用空行而不是单个换行——所有方言都把空行当作分段。列表缩进统一为四个空格（或制表符）最为稳妥。如果找不到块损坏的原因，请怀疑全角空格：在日文输入法状态下敲进行首的全角空白在屏幕上完全看不出来，也不会被识别为缩进，是列表出错原因中排名靠前的一项。 |
| HTML 标签会原样穿过 | Markdown 的规范允许书写原始 HTML——无论 <div> 还是 <script>，转换器都会原样输出。本页只显示你自己输入的内容，因此不做净化；但不理解这一行为就把同样的机制搬进服务里，等于直接引入 XSS。「用了 Markdown 所以安全」这一误解根深蒂固，而用户只要在评论里写 <img src=x onerror=...>，转换后的 HTML 就会照原样执行它。 |
若要渲染用户书写的 Markdown，务必对转换结果做净化——顺序是 DOMPurify.sanitize(marked.parse(input))。不要依赖库自带的 sanitize 选项——marked 的那个选项经历弃用后已被移除。把顺序搞反、先净化再转换，是完全无效的，因为 Markdown 会把被转义的文本又还原回去。服务端也必须走同样的处理——只在浏览器端净化，别人直接调用你的 API 就绕过去了。 |
| 表格没有渲染成表格 | 表格是标准 Markdown 所没有的扩展语法，由 GFM 引入。因此在不支持的环境里，它会显示为一段挤满竖线的普通段落。即便在支持的环境中，条件也相当苛刻：表头行与其下的分隔行（|---|---|）列数不一致，就完全不会被识别为表格。某些实现还要求分隔行至少有三个连字符。前面没有空行时，该块会被当成上一段的延续，同样成不了表格。 |
请先数一数分隔行的列数——只要差一列就渲染不出来。行尾的竖线可以省略，但拿不准时，请给每一行的首尾都加上 |——这样能用肉眼数列数，错误也更容易发现。更根本地说，Markdown 的表格一旦以纯文本形式读不懂，用 Markdown 写它就失去了意义。当列数超过五列，或单元格里是长段文字时，放弃表格改用无序列表，或直接写 HTML 的 <table>，结果往往更好读。 |
代码块的语言名在各高亮器中被识别的写法并不相同。js 与 javascript 通常等价，但 shell 在 sh / bash / shell / console 之间行为不同，其中 console 会把提示符（$）排除在高亮之外，因此发布供复制的命令时它更好读。不写语言名不仅失去高亮，在 GitHub 上还会影响 diff 的着色。最后是书写 Markdown 的一条原则：Markdown 的价值在于「不经转换也能读」。如果层层叠加粗体、斜体与标题，导致纯文本被一堆符号淹没而读不下去，那就是用错了 Markdown。复杂到需要如此装饰的文档，本就该用别的格式来写。
📖 使用方法
-
1
输入 Markdown在左侧输入或粘贴 Markdown。
-
2
查看实时预览右侧显示 GitHub 风格 HTML。
-
3
复制为 HTML切换到 HTML 标签并复制。
❓ 常见问题
支持 GFM 吗?
支持任务列表、表格、删除线、自动链接。
可以使用原始 HTML 吗?
HTML 标签按标准通过。
支持 LaTeX 数学吗?
暂不支持。
输入保存在哪里?
仅在浏览器内存中处理。
🐛 此工具出现问题了吗？
免费、无需注册。仅提供复现步骤也有帮助。报告将直接发送给运营者并用于改进。
✅
感谢您的反馈！
已送达运营者,将用于改进工具。