Markdown 编辑器与转换工具

在浏览器中将 Markdown 转换为经过净化的 HTML 并实时预览,或将 HTML 转换回干净的 Markdown。

正在加载工具…

Markdown 编辑器与转换工具一款双向 Markdown 工具。在 Markdown 转 HTML 模式下,它会对你的 GitHub 风格 Markdown 渲染实时、经过净化的预览,并显示可复制的对应 HTML 源码;在 HTML 转 Markdown 模式下,它会将粘贴的 HTML 转换回干净的 Markdown。所有解析与净化都在浏览器中完成,你输入的内容绝不会被上传。

Markdown 编辑器与转换工具 是什么?

Markdown 编辑器与转换工具是一款完全在浏览器中运行的免费双向 Markdown 与 HTML 工具。只需一个切换按钮即可在 Markdown 转 HTML 与 HTML 转 Markdown 之间切换。在 Markdown 转 HTML 模式下,它会解析 GitHub 风格的 Markdown——标题、粗体与斜体、链接、列表、表格、引用块以及围栏代码块——并同时展示两样东西:实时渲染的预览,以及生成的 HTML 源码,后者可一键复制。HTML 在显示前总会经过 DOMPurify 处理,因此任何脚本或不安全的标记都会被剥离。在 HTML 转 Markdown 模式下,它会将粘贴的 HTML 用 ATX 风格标题和围栏代码块转换回整洁的 Markdown。撰稿人、开发者和内容编辑用它来起草 README 文件、准备博客文章、清理从 CMS 粘贴来的 HTML,以及在 Markdown 与 HTML 之间转移文本而不丢失格式。

如何使用 Markdown 编辑器与转换工具

  1. 用切换按钮选择方向:Markdown 转 HTML,或 HTML 转 Markdown。
  2. 将源内容粘贴或输入到输入框中。
  3. 在 Markdown 转 HTML 模式下,可在输入框下方看到渲染预览实时更新。
  4. 在输出框中查看转换结果——从 Markdown 转换时是 HTML 源码,从 HTML 转换时是 Markdown。
  5. 点击输出框上的复制按钮获取结果,或点击清除清空输入。

示例

Markdown 标题与粗体转 HTML

输入

# Title

Some **bold** text.

输出

<h1>Title</h1>
<p>Some <strong>bold</strong> text.</p>

Markdown 列表转 HTML

输入

- one
- two

输出

<ul>
<li>one</li>
<li>two</li>
</ul>

HTML 转回 Markdown

输入

<h2>Notes</h2><p>A <a href="https://x.com">link</a>.</p>

输出

## Notes

A [link](https://x.com).

常见问题

我的文本会被上传到服务器吗?
不会。Markdown 解析、HTML 净化以及 HTML 转 Markdown 的转换都在你的浏览器本地运行。你的内容绝不会离开设备,工具也能离线使用,因此用于私密或未发布的草稿都很安全。
生成的 HTML 安全吗?
安全。每一段 HTML 在显示到预览或输出之前都会经过 DOMPurify 处理,从而移除脚本、事件处理器以及其他不安全的标记。实时预览和可复制的 HTML 源码都经过了净化。
支持哪些 Markdown 功能?
它支持 GitHub 风格的 Markdown,包括标题、粗体与斜体、链接、有序与无序列表、引用块、表格、行内代码以及围栏代码块。单个换行在预览中会保留为换行。
为什么 HTML 转 Markdown 模式下不显示实时预览?
实时预览是将 Markdown 渲染为 HTML,因此它只在 Markdown 转 HTML 模式下出现。在 HTML 转 Markdown 模式下,转换后的 Markdown 文本会显示在输出框中。
输出会自动更新吗?
会。预览和输出会随你的输入实时重新计算,因此无需点击转换按钮——结果始终与你的输入保持同步。

相关工具