Markdown 预览

左边写 Markdown、右边实时看渲染效果，用来确认表格、嵌套列表、代码块这些结构有没有写对。渲染用 markdown-it，输出前再用 DOMPurify 清洗一遍；编辑内容存在浏览器本地存储里，刷新不丢。

工具界面在页面加载完成后显示在本段下方，可以直接使用。所有计算都在你的浏览器本地完成，输入的内容不会上传到服务器。

Markdown 预览能做什么

左边写 Markdown、右边实时看渲染效果，用来确认表格、嵌套列表、代码块这些结构有没有写对。渲染用 markdown-it，输出前再用 DOMPurify 清洗一遍；编辑内容存在浏览器本地存储里，刷新不丢。

怎么用Markdown 预览

1. 在上方等宽字体输入框里写或粘贴 Markdown，默认 8 行高，页面打开即聚焦
2. 下方「渲染预览」卡片实时更新，无需点按钮
3. 预览区最高 600px，超出后在框内滚动，标题、列表、行内代码和代码块都有内置样式
4. 需要 HTML 源码时，把同样的内容拿到「Markdown 转 HTML」工具里转换，本页只提供预览
5. 内容保存在 localStorage，换设备或清缓存后不会同步

使用技巧与注意点

• 默认 html 选项是关闭的：直接写在 Markdown 里的 <div>、<script> 会被转义成可见文本，不会真的渲染，这也是预览区相对安全的原因
• 默认不开 linkify，裸写的 https://example.com 不会自动变成链接，要写成 [文字](链接) 或 <https://example.com>
• 表格和 ~~删除线~~ 是支持的（markdown-it 默认规则），但任务列表 - [ ] 不在默认规则里，写出来只是普通列表

常见问题

为什么我写的 HTML 显示成了源码？

预览用的 markdown-it 默认关闭了 html 选项，原始标签会被转义成文本显示。想输出 HTML 请用「Markdown 转 HTML」工具并打开「允许 HTML 标签」开关。

换行为什么不生效？

markdown-it 默认 breaks 为 false，单换行会被当成同一个段落。段落之间空一行，或者在行尾加两个空格再回车。

能导出成 HTML 或 PDF 吗？

不能。这个页面只有预览区，没有导出按钮。需要源码请用同分类下的 Markdown 转 HTML 工具。

我写的内容会上传吗？

不会。渲染在浏览器里完成，DOMPurify 还会过滤掉危险标签和事件属性；文本只存在你自己的浏览器本地存储中。

相关工具

同类Markdown工具

查看全部Markdown工具