ToolConvoyToolConvoyv2.6
TEXT

Markdown 转 HTML — 在浏览器中免费将 Markdown 转换为 HTML

将 Markdown 转换为干净的 HTML。带实时切换的即时预览、自动链接的 URL、删除线、表格,且不传递原始 HTML。完全在浏览器中运行。

● 本地运行 · 剪贴板友好页面加载以来工具发出的网络请求:0 次

Markdown 转 HTML 是最常见的一项 Markdown 操作 —— 每个静态站点生成器、每个 CMS、每个文档平台、每个 README 渲染器都在做这件事。Markdown 转 HTML 工具在浏览器中完成它,并配有一个实时预览切换,可在原始 HTML 源码旁显示渲染输出。粘贴 Markdown,看到 HTML,切换到预览,复制 —— 这就是整个工作流。转换器使用 markdown-it 运行,启用 CommonMark 加 GFM 扩展:表格、删除线、任务列表和自动链接的 URL。为安全起见,原始 HTML 透传被禁用,输入中嵌入的 HTML 标签会被转义而不会执行。

最常见的工作流是:开发者用 Markdown 编写文档,渲染为 HTML,再把 HTML 粘贴到一个期望 HTML 输入但不原生支持 Markdown 的 CMS 中。另一种常见的情况是:内容编辑拿到一份 Markdown 草稿,需要在浏览器里预览以检查格式、链接目标和图片引用,然后才发布。预览切换把这变成一步操作 —— 无需保存文件、运行构建步骤或打开单独的预览工具。

HTML 输出干净且最小化:没有行内样式、没有外部依赖、没有 <script> 标签。代码块携带语言类名(language-pythonlanguage-javascript),供下游做语法高亮。链接在当前标签页打开。输出是一段自包含的 HTML 片段,可直接嵌入、加样式或粘贴进任何支持 HTML 的平台。所有处理都留在浏览器内;你的 Markdown 文本从不被上传到服务器。

广告

使用方法

  1. 粘贴你的 Markdown

    在输入框中粘贴或输入 Markdown 文本。转换器支持标准 CommonMark 与 GFM 扩展:标题、粗体、斜体、链接、图片、带语言类的代码块、引用块、有序与无序列表、删除线、表格、任务列表,以及自动链接的 URL。

  2. 在 HTML 源码和实时预览间切换

    使用 HTML/预览 切换在原始 HTML 源码与渲染预览之间切换。预览使用浏览器原生渲染引擎就地渲染 HTML,因此你能看到输出真实的样子 —— 包括 HTML 产生的间距、字号和链接样式。

  3. 复制或下载

    复制原始 HTML,或下载为 `.html` 文件。HTML 可安全嵌入:不包含 `<script>`、不传递输入中的原始 HTML、也没有外部依赖。输出是一段自包含的 HTML 片段,可直接用于 CMS、静态站点或文档平台。

常见问题

支持哪些 Markdown 特性?

标准 CommonMark 加 GFM 扩展:表格、删除线、任务列表(`- [ ]` 与 `- [x]`),以及自动 URL 链接(裸 URL 如 `https://example.com` 会变成可点击链接)。代码块携带语言类名(如 `language-python`)以供下游语法高亮使用。

输入中允许原始 HTML 吗?

不允许。转换器配置了 `html: false` —— Markdown 输入中嵌入的 HTML 标签会被转义并按字面文本显示,而不会被渲染。这能防止跨站脚本 (XSS) 攻击并保持输出的可预测性。如果你确实需要嵌入 HTML,请使用显式开启 HTML 透传的 Markdown 渲染器。

这与 Markdown 转纯文本或 Markdown 转 PDF 有什么区别?

Markdown 转纯文本会剥离所有格式,产出裸文本。Markdown 转 PDF 把 Markdown 渲染为带样式的分页 PDF 文档。Markdown 转 HTML 产出的是中间步骤 —— 干净的 HTML 标记,可嵌入到网站、粘贴进 CMS、作为自定义 CSS 样式的起点,或交给 PDF 生成器进一步处理。

HTML 输出包含 CSS 样式吗?

不包含。输出是一段无样式的 HTML 片段。如果需要带样式的结果,请使用 Markdown 转 PDF 工具,它会套用面向打印的样式表,或者给 HTML 输出加你自己的 CSS。代码块会带有语言类名,可配合 Prism 或 highlight.js 等语法高亮库使用。

为什么禁用原始 HTML?

出于安全考虑:如果 Markdown 输入来自不可信来源(用户评论、第三方文档、webhook 负载),嵌入的 `<script>` 标签或 `<iframe>` 元素会在预览渲染时于浏览器内执行。禁用 HTML 透传是一项纵深防御措施,同时也能保持输出干净、可预测。

限制说明

  • 不传递原始 HTMLMarkdown 输入中嵌入的 HTML 标签会被转义并按文本显示。如果确实需要嵌入 HTML,请使用完全开启 HTML 的 Markdown 渲染器,或直接编写 HTML。这是出于安全性与可预测性的设计取舍。
  • 无语法高亮代码块渲染时附带语言类名(如 `<code class='language-python'>`),但不应用语法高亮。如需彩色代码,请在 HTML 输出上接入 Prism.js、highlight.js 或服务端高亮器。
  • 仅块级 HTML转换器在块级别渲染 Markdown,但不会产出包含 `<html>`、`<head>`、`<body>` 标签的完整 HTML 文档。输出是一个 HTML 片段,用作更大页面内的嵌入块。

平台说明

macOS
若需更可定制的输出,命令行等价方案是 `pandoc -f markdown -t html input.md`。本浏览器工具更适合快速的一次性转换,并提供实时预览切换。
Windows
VS Code 的 Markdown 预览(`Ctrl+Shift+V`)能显示渲染结果,但无法导出 HTML 源码。本浏览器工具在一个视图里同时给出原始 HTML 和预览。
Linux
`pandoc`、`marked` 和 `commonmark` 都是命令行替代方案。本浏览器工具额外提供实时预览切换,能在源码旁直接显示渲染输出 —— 在不必切换编辑器和浏览器的情况下迭代 Markdown 格式非常方便。
Web
完全在浏览器中使用 markdown-it 运行。文本内容不会发送到任何服务器。处理敏感的内部文档时,无需暴露给第三方转换服务。
广告
广告