HTML 转 Markdown

将 HTML 代码转换为 Markdown 格式,自实现解析器支持标题、段落、加粗、斜体、代码块、链接、图片、列表、表格、引用等

HTML → Markdown 转换器

粘贴 HTML 代码,实时输出 Markdown 与渲染预览,无需第三方库

0 字符
等待输入...

Markdown 渲染预览

粘贴 HTML 后将在此显示渲染效果...
广告位

使用说明

  1. 将 HTML 代码粘贴到左侧输入框,右侧实时输出 Markdown 文本
  2. 支持标签:h1-h6、p、strong/b、em/i、code、pre、a、img、ul/ol/li、blockquote、hr、br、del/strike、table 系列
  3. "保留未知标签"开启时未识别的 HTML 标签会原样保留在输出中,关闭时会被去除(保留内部文本)
  4. "GFM 表格"开启时输出 GitHub 风格的 Markdown 表格语法(含对齐分隔行),关闭时表格转为 HTML 保留
  5. 下方"渲染预览"区会显示输出 Markdown 的渲染效果,便于直观核对
  6. 本工具内置自实现解析器,不依赖任何第三方库,纯前端运行

适用场景

  • 博客迁移:从富文本编辑器导出的 HTML 转为 Markdown 写作
  • 文档转换:将网页内容快速整理为 Markdown 文档
  • 邮件存档:把 HTML 邮件转为 Markdown 笔记
  • Wiki 整理:HTML 格式文档导入 Markdown Wiki 系统
  • 学习研究:观察 HTML 标签到 Markdown 语法的对应关系

安全保障

  • 本地处理:所有解析与转换在浏览器本地完成
  • 隐私保护:HTML 内容不会上传到任何服务器
  • 无外部依赖:纯原生 JavaScript 实现,加载快、无追踪
  • 免费使用:无需注册,不限次数

常见问题

为什么不直接用 DOM 解析(innerHTML)?

直接使用浏览器 DOM 解析虽然方便,但会触发 HTML 容错机制导致结构变化,且对脚本、样式等存在安全隐患。本工具使用自实现的状态机式解析器,对标签结构可控、可预测,能输出更接近原始意图的 Markdown。

嵌套的列表和引用支持吗?

支持常见的一层嵌套列表与引用。多层嵌套列表会按缩进输出,对齐遵循 Markdown 标准。对于复杂的混合嵌套(如列表中包含多段引用),输出结果可能需要手动微调。

表格的对齐方式怎么处理?

开启 GFM 表格时,输出标准的 Markdown 表格分隔行(| --- | --- |)。本工具默认左对齐,如需居中或右对齐可在输出后手动调整分隔行(:--、:-:、--:)。 colspan/rowspan 等合并单元格在 Markdown 表格中无法表达,会按线性展开。

<script> 和 <style> 标签会保留吗?

不会。出于安全考虑,script 与 style 标签的内容会被直接丢弃,不会出现在 Markdown 输出中,避免引入潜在的执行代码或样式干扰渲染预览。