Markdown 预览
新编写 Markdown,并排实时查看渲染效果。
Export ▾
Runs entirely in your browser. Nothing is uploaded.
免费在线 Markdown 预览与编辑器 — 支持 Mermaid 与 LaTeX
这款 Markdown 预览工具在你输入的同时实时并排渲染文本。在左侧编辑器中输入,格式化后的结果立即显示在右侧 — 标题、粗体、斜体、表格、任务列表、代码块、Mermaid 图表和 KaTeX 数学公式,全部实时渲染。这是一款完全免费的 在线 Markdown 编辑器与 Markdown 查看器,无需注册、无限制、无需安装任何东西。
由于一切都在浏览器中运行,隐私也有充分保障:你的文本在本地解析,自动保存到你的设备,绝不上传至服务器。这比 StackEdit、HackMD 或 Dillinger.io 等云端编辑器更快、更私密 — 页面加载后还可离线使用。
GitHub-Flavored Markdown,渲染效果符合预期
预览器完整支持 GitHub-Flavored Markdown(GFM),因此表格、任务列表、删除线、自动链接以及带语法高亮的代码块的渲染效果与 GitHub README 完全一致。输入管道符表格或 - [x] 清单,右侧立即显示格式化结果 — 是编写文档时可靠的 GitHub README 预览工具。
格式工具栏支持一键插入粗体、斜体、删除线、行内代码、标题、列表、引用、链接、图片、表格和代码块。键盘快捷键(Ctrl+B、Ctrl+I、Ctrl+K、Ctrl+F)与桌面编辑器体验一致。实时统计字数、字符数和阅读时间,自动生成目录,支持查找与替换。
Mermaid 图表、LaTeX 数学公式与语法高亮代码
这里是它超越基础预览工具的地方。添加一个 ```mermaid 代码块,你的流程图、序列图、类图、甘特图或饼图就会实时渲染为自适应亮暗模式的 SVG。VS Code 内置预览需要安装"Markdown Preview Mermaid Support"扩展才能实现这一功能,而 Dillinger.io 和基础版 Marked.js 演示则完全不支持 Mermaid。
输入行内 $E = mc^2$ 或块级 $$\int_0^\infty e^{-x^2} dx$$,LaTeX 数学公式即由 KaTeX 即时排版。代码块由 highlight.js 对 180 余种编程语言进行语法着色。
VS Code、Typora、Dillinger、StackEdit 与 Obsidian 的免安装替代品
如果你平时使用 VS Code Markdown 预览(Ctrl+Shift+V)或分栏视图(Ctrl+K V),这个页面无需打开编辑器即可实现同样效果。Typora 拥有独特的无缝编辑模式,但需要付费 $14.99 — 本工具完全免费,无需安装。
StackEdit 支持 KaTeX 和 Mermaid,但需要云同步账号。HackMD 将文档存储在自己的服务器上。Obsidian 是一款需要安装的应用。本工具在单一即时加载的页面上提供 Mermaid + KaTeX + GFM + 导出功能,同时保障完全的隐私。
导出为 PDF、HTML 或 Markdown — 并通过 URL 分享
文档完成后,随处可用。导出为 PDF 将渲染页面(含 Mermaid 图表、KaTeX 数学公式和高亮代码)打印为文件。下载 .html 保存一个内联样式的独立网页;下载 .md 保留源代码。也可以复制干净的渲染 HTML 或富文本,粘贴到 Gmail、Google 文档或 Notion。
需要发给别人?分享功能将整个文档编码到链接中(经 LZ-string 压缩),并将 URL 复制到剪贴板。打开该链接,文本直接在编辑器中加载 — 无需账号、无需服务器、无需上传。内容就在 URL 里。
安全输出、自动保存与完全隐私
预览来自外部来源的 Markdown 不应带来风险。解析后,本工具使用 DOMPurify 清理渲染后的 HTML,移除脚本标签、行内事件处理器和 javascript: URL,确保预览内容忠实展示的同时防范 XSS 攻击。大多数简单的在线预览工具完全跳过了清理这一步。
你输入时,一切实时更新。草稿自动保存到本地存储,关闭标签页不会丢失工作。无需注册、无需上传、无追踪。无论是编写文档、预览 README、渲染 Mermaid 图表和数学公式,还是将 Markdown 转换为干净的 HTML 和 PDF — 这款实时 Markdown 预览工具在一个快速、私密的页面上完成所有工作。
Frequently asked questions
这款 Markdown 编辑器和预览工具是免费的吗?
是的 — 完全免费,无需注册、无需账号、无使用限制。一键打开,完全在浏览器中运行。没有文件大小限制,没有付费功能,这与 Dillinger.io(有广告)、StackEdit(有云同步)或 HackMD(大多数功能需要账号)不同。
我的 Markdown 内容是私密的吗?
是的,完全私密。你的 Markdown 在浏览器中实时解析和渲染,自动保存到设备本地存储 — 任何内容都不会上传至服务器。页面加载后,该工具可离线使用。
支持 GitHub-Flavored Markdown(GFM)吗?
是的。预览器完整支持 GFM — 带对齐的管道符表格、带复选框的任务列表(- [x] 和 - [ ])、~~双波浪线~~删除线、带语法高亮的代码块、自动链接和 HTML 标签。
能渲染 Mermaid 图表吗?
能。在 ```mermaid 代码块中放置图表,预览面板会将其实时渲染为 SVG。支持的图表类型包括:流程图、序列图、类图、状态图、ER 图、饼图、甘特图和 Git 图。
能渲染 LaTeX 数学公式吗?
能。行内数学(如 $E = mc^2$)和块级数学($$…$$ 之间)均由 KaTeX 渲染。KaTeX 速度快(无需网络请求,本地运行),覆盖绝大多数 LaTeX 数学符号。
代码块有语法高亮吗?
有。代码块由 highlight.js 提供语法高亮,覆盖 180 余种编程语言。在代码围栏后添加语言提示 — 例如 ```js、```python、```sql — 即可应用相应的配色主题。
如何不用 VS Code 预览 Markdown?
只需将 Markdown 粘贴或输入到左侧编辑器,渲染结果立即显示在右侧 — 无需 Visual Studio Code、无需扩展、无需安装任何东西。
如何在 VS Code 中预览 Markdown?
在 VS Code 中,打开 .md 文件后按 Ctrl+Shift+V(macOS 按 Cmd+Shift+V)在新标签页中打开 Markdown 预览,或按 Ctrl+K 再按 V 以分栏显示。VS Code 内置预览支持 CommonMark 和 GFM,但不安装扩展的情况下无法渲染 Mermaid 图表或 KaTeX 数学公式。
与 Dillinger.io 相比如何?
Dillinger.io 是一款具有云同步功能的优秀在线 Markdown 编辑器。但它不支持 Mermaid 图表、KaTeX 数学公式或安全的 HTML 清理,并且由广告支持。本工具增加了 Mermaid、LaTeX/KaTeX、DOMPurify 清理、基于 URL 的分享和离线能力。
与 StackEdit 相比如何?
StackEdit 是一款功能强大的 Markdown 编辑器,支持 KaTeX 和 Mermaid。主要取舍是:StackEdit 需要 Google 或 GitHub 账号、在云端存储文档,界面也更复杂。本工具优先考虑简洁性和隐私保护。
与 HackMD 相比如何?
HackMD 是为团队设计的强大协作 Markdown 平台。但 HackMD 将所有文档存储在自己的服务器上(免费文档默认公开可访问),且需要注册账号。本工具适用于个人使用场景,通过 URL 实现快速、私密的分享。
与 Typora 相比如何?
Typora 是一款付费桌面 Markdown 编辑器($14.99),拥有独特的无缝编辑模式。本工具基于浏览器,在任何操作系统上无需安装即可使用,也不需要付费。
与 Obsidian 和 Notion 的 Markdown 功能相比如何?
Obsidian 需要安装,有自己的 Markdown 方言。Notion 使用块式编辑器且需要账号。如果你只需要在浏览器中快速预览 Markdown,两者都不是理想选择。
与 Marked.js 实时演示相比如何?
Marked.js 演示是一个基础的参考实现,没有 Mermaid、KaTeX、语法高亮、工具栏、导出或分享功能。本工具在此基础上提供了完整的写作界面,包含上述所有功能。
能将 Markdown 导出为 PDF 或 HTML 吗?
可以。使用导出 → 打印/保存 PDF,将文档(含图表、数学公式和高亮代码)渲染为 PDF。使用导出 → 下载 .html,获得内联样式的独立 HTML 文件。也可以复制渲染后的 HTML 或富文本,粘贴到 Gmail、Google 文档或 Notion。
渲染后的 HTML 是否防范 XSS 攻击?
是的。解析后,生成的 HTML 经 DOMPurify 清理,移除危险构造 — <script> 标签、行内事件处理器、javascript: URL — 因此即使是来自不可信来源的 Markdown,预览也是安全的。
能在不创建账号的情况下分享 Markdown 文档吗?
可以。点击分享,工具将整个文档编码到 URL 中(经 LZ-string 压缩),并将链接复制到剪贴板。任何打开该链接的人都能在编辑器中直接加载该文档 — 无需服务器、无需数据库、无需账号。
预览面板与编辑器同步滚动吗?
是的。编辑器和预览面板实现双向同步滚动 — 在编辑器中滚动,预览跟随;反之亦然。格式工具栏支持一键插入粗体、斜体、删除线、行内代码、标题、列表、引用、链接、图片、表格和代码块。
能打开已有的 .md 文件吗?
可以。点击打开(或将文件拖入编辑器),即可直接将 .md、.markdown 或 .txt 文件加载到编辑器中。文件由浏览器在本地读取 — 绝不上传。加载后可编辑、预览和导出。
支持哪些 Markdown 功能?
解析器支持 CommonMark 及 GFM 扩展:标题、强调、粗体、删除线、水平线、引用块、无序和有序列表、任务列表、管道符表格、带高亮的代码块、行内代码、链接、图片和原始 HTML。此外还支持:```mermaid 块中的 Mermaid 图表、通过 KaTeX 的 $…$ 和 $$…$$ LaTeX 数学公式,以及脚注。HTML 经 DOMPurify 清理。
Related tools
查看全部工具字母组词器
把打乱的字母重组成所有有效单词——支持万能字符、筛选和 Scrabble 计分。
Citation Generator
Format references in APA, MLA and Chicago styles — book, journal, website and more.
Anagram Solver
Find all words from any set of letters instantly — wildcard support, Scrabble scores and word-length filter.
ASCII Art Generator
Convert text to ASCII art banners with 7 font styles. One-click copy, Markdown export, works offline.
Character Counter
Count characters, words, sentences & lines in real time. Platform limit bars for Twitter/X, LinkedIn, SMS & Instagram. No upload.
Text Repeater
Repeat any text N times with custom separator (newline, comma, space, pipe, or custom). Copy or download output. No limits, no signup.