DevToolPal
简

HTML 转 Markdown

把 HTML 转换成整洁的 Markdown,支持标题、列表、链接、图片、代码块和 GitHub 表格。

本地处理,不上传

选项

列表符号
代码块
斜体
粗体

HTML

0 字符 · 0 B

Markdown

0 字符 · 0 B

功能介绍

HTML 转 Markdown 工具把 HTML 标记转换成整洁易读的 Markdown。可以用来把 CMS 里的博客文章迁移到静态网站生成器、根据现有网页编写 README、把文档保存为笔记,或者为支持 Markdown 的 Wiki、GitHub Issue、聊天工具准备内容。

输出遵循常见的 Markdown 约定:# 标题、- 列表项、保留原语言的围栏代码块,以及 GitHub 风格的表格和删除线。必要时会对文字转义,避免被误当成格式。

使用方法

  1. 把 HTML 粘贴到输入框、上传 .html 文件,或点「示例」。
  2. 如果项目有固定写法,可以调整风格:列表符号、围栏或缩进代码块、斜体和粗体符号、行内或引用式链接。
  3. 复制 Markdown,或下载为 .md 文件。

结果会随输入实时更新,可以先粘贴一小段,看看输出,再调整 HTML 直到 Markdown 符合预期。嵌套列表会缩进到父级项目下面,表格列会补齐空格,让原始 Markdown 也能对齐。

示例

这段 HTML:

<h2>Install</h2>
<p>Run the <strong>installer</strong> and read the <a href="https://example.com">guide</a>.</p>
<ul><li>Windows</li><li>macOS</li></ul>

会转换成以下 Markdown:

## Install

Run the **installer** and read the [guide](https://example.com).

- Windows
- macOS

小贴士

  • 从浏览器复制时,可以用查看源代码或开发者工具只复制文章元素的 HTML,避免把菜单和页脚也带进结果。
  • 引用式链接把长网址从正文中移到末尾,Markdown 更容易阅读和编辑。
  • 内嵌的 data: 图片默认会被去掉,因为它们可能长达几百 KB。需要时打开对应选项保留。
  • 反向转换可以用 Markdown 转 HTML 工具,或在 Markdown 预览工具中查看效果。

常见问题

› 哪些 HTML 元素会被转换?

标题、段落、粗体、斜体、删除线、链接、图片、有序和无序列表(包括嵌套列表)、引用块、行内代码、带语言的代码块、分隔线、换行和表格。表格会转换成 GitHub 风格(GFM)的 Markdown 表格。

› 脚本、样式和页面 head 怎么处理?

直接删除。script、style、noscript、template、svg、iframe 以及整个 head 部分都不会生成 Markdown,所以可以粘贴整个网页的源代码,只得到其中可读的内容。

› Markdown 无法表示的 HTML 会怎样?

未知标签会被拆掉,保留里面的文字。class、内联样式、id 等属性会被丢弃,因为 Markdown 没有对应语法。如果 code 元素带有 language-js 这样的 class,代码块会保留语言标记。

› 为什么有些字符前面加了反斜杠?

原本会被当成 Markdown 格式的文字,比如以 1. 开头的行或被星号包围的词,会被转义,保证 Markdown 渲染出来和原 HTML 的文字一致。

› HTML 会上传吗?

不会。转换在浏览器里用 JavaScript 的 HTML 解析器完成,不会发送到服务器。