Markdown 转 HTML

在浏览器中即时将 Markdown 转为干净 HTML。支持标题、列表、表格、任务列表、代码块，以及 MathML / KaTeX 公式 — 默认净化输出。

除非另有说明，本页处理均在浏览器本地完成。

输出选项

格式 HTML 片段（仅 body）完整 HTML 文档

公式关闭（保留原文） MathML（原生） KaTeX（HTML + CSS）

文档标题包含样式表（含 KaTeX CSS 链接）同步滚动（输入与输出）

定界符：$...$、$ $$...$$、$...$、\[...\]。转换在本地使用 KaTeX 完成。

Markdown 输入

Markdown to HTML

Convert Markdown to clean, safe HTML — locally in your browser.

Features

Headings, lists and links
Tables, task lists and fenced code
Inline math $E = m c^{2}$ and display math:

\int_{- \infty}^{\infty} e^{- x^{2}} d x = π

Also works with brackets: $α + β$ and

n = 1 \sum N n = \frac{N ( N + 1 )}{2}

Output	Description
Fragment	Body HTML only
Document	Full page with optional CSS
MathML	Native browser math markup
KaTeX	Styled HTML formulas

Diagram (Mermaid)

flowchart LR
  A[Paste Markdown] --> B[Preview]
  B --> C[Export]

Nothing you paste is uploaded.

console.log('Nothing is uploaded')

Sanitized by default
Nothing uploaded

使用方法

粘贴 Markdown、导入 .md 文件，或从编辑器 / 清理工具带入内容。
选择「片段」用于嵌入，或「完整文档」用于整页。
用右侧标签在 HTML 输出与实时预览之间切换。
为 $...$ / $$...$$ 公式选择 MathML（自包含、原生）或 KaTeX（带样式的 HTML）。
Mermaid 图使用 ```mermaid 代码块；实时预览会渲染，复制/下载会把图烘焙为 SVG。
复制 HTML 或下载 .html 文件 — 不会上传任何内容。

示例 Markdown

# Markdown to HTML

Convert **Markdown** to clean HTML.

- Headings, lists and [links](https://md.toolsworkbox.com)
- Tables and `inline code`

```js
console.log('Nothing is uploaded')
```

常见问题

生成的 HTML 安全吗？

是的。Markdown 中的原始 HTML 已禁用，输出会净化以去除脚本与事件处理器。启用公式时，MathML 标签与 KaTeX 标记在白名单中。

HTML 输出与实时预览有何区别？

HTML 输出显示生成的标记（选择完整文档时包含整页）。实时预览渲染净化后的片段，便于在复制前检查公式与布局。

MathML 与 KaTeX？

MathML 是 W3C 格式，浏览器无需额外 CSS 即可渲染 — 适合嵌入与无障碍。KaTeX 输出 HTML/CSS，跨浏览器外观更一致；完整文档会包含 KaTeX 样式表链接。

片段与完整文档？

片段仅为转换后的 body 标记。完整文档会包裹 doctype、字符集、标题，以及可选的、遵循浅色/深色偏好的样式表。

下载的 HTML 里 Mermaid 图能显示吗？

可以。复制与下载会先把 mermaid 代码块转成内联 SVG，完整 HTML 文档可离线显示图表 — 无需 Mermaid 脚本。

转换会离开我的设备吗？

不会。Markdown 转 HTML（含 KaTeX）完全在浏览器中运行。