跳到主要内容

HTML 转 Markdown

把 HTML 片段转成 Markdown 文本

把常见 HTML 标签转成 Markdown(标题/段落/列表/链接/图片/表格/代码等)。基于浏览器 DOMParser,本地处理。

为什么需要 HTML 转 Markdown

把网页内容、邮件、富文本编辑器输出搬进笔记 / 文档 / README 时,往往拿到的是 HTML。直接贴进去既丑又带一堆 <div><span> 样式。转成 Markdown 才干净、好维护、跨平台通用。

本工具用启发式规则把 HTML 转成 Markdown:标题、段落、列表、链接、图片、引用、代码、表格都被尽量还原成对应的 Markdown 语法。

概念与公式

转换是「标签 → Markdown 语法」的映射(基于 DOM 解析,而非正则硬砍,能正确处理嵌套):

  • h1–h6#~###### 前缀;
  • p/br → 段落与换行;
  • a[文本](href)
  • img![alt](src)
  • strong/b**粗**em/i*斜*
  • ul/ol- / 1. 列表;
  • blockquote> 引用;
  • pre/code → 代码块 / 行内代码;
  • table| 表格。

启发式意味着极端或自定义组件可能还原不完美,但常规内容(文章、文档)效果良好。

细分场景

  • 笔记导入:网页文章转 Markdown 进 Obsidian / 语雀。
  • 文档生成:把富文本编辑器输出存成 .md
  • 邮件归档:HTML 邮件转纯文本 Markdown。

怎么用本工具

把 HTML 贴入左侧,右侧即时生成 Markdown,复制即用。可选「保留链接」「保留图片」等开关。复杂页面建议人工过一遍表格/嵌套列表。

常见场景与实例

例:带链接的段落 <p>详见 <a href="https://a.com">文档</a></p>详见 [文档](https://a.com)

例:标题 + 列表 <h2>步骤</h2><ul><li>一</li><li>二</li></ul>## 步骤 加两行 - 列表。

相关工具:CSV 转 Markdown提取链接

隐私说明

全程浏览器本地计算,不联网、不上传你粘贴的 HTML。

常见问题

支持哪些标签?
常见块级与行内标签:h1–h6、p、a、img、ul/ol/li、blockquote、pre/code、strong/b、em/i、br、hr。表格会尽量转为 Markdown 表格,复杂嵌套可能需手工微调。
样式和 class 会保留吗?
不会。Markdown 不表达样式,转换时只取语义结构,class、style、id 等会被忽略,输出为纯 Markdown 文本。
和 Markdown 转 HTML 有什么区别?
方向相反:本工具是 HTML→MD(网页/富文本变源码),Markdown 预览是 MD→HTML(渲染成网页)。两者互补。
内联 HTML 会怎么处理?
无法对应到 Markdown 的标签(如 span、div)会降级处理:div 当段落分隔,span 保留其内部文本,保证内容不丢。