HTML转Markdown

将HTML(可从剪贴板)转换为Markdown

HTML转Markdown是什么

用 turndown 把 HTML 转成 Markdown,并加载了 GFM 插件,所以表格、删除线都能转成对应语法。上方两个下拉框决定标题风格(# 号 / 下划线 / 等号包围)和强调风格(星号 / 下划线 / 波浪号),结果可复制或下载成 output.md。

所有计算都在你的浏览器本地完成,输入的内容不会上传到服务器。

怎么用HTML转Markdown

  1. 先在上方选好「标题风格」和「强调风格」,默认是 # 号和星号
  2. 在输入框粘贴 HTML,输入框开了 paste-html,从网页复制后直接粘贴会取到 HTML 源码
  3. 转换结果实时出现在下方输出框
  4. 点复制按钮取走,或下载成 output.md 文件
  5. 换一种风格只需改下拉框,不必重新粘贴原文

示例

输入

<h2>小标题</h2><p><strong>重要</strong>提示</p>

输出

## 小标题

**重要**提示

标题风格为 #、强调风格为星号(默认)时的输出

常见问题

图片和链接会保留吗?

会。图片转成 ![alt](src),链接转成 [文字](href)。相对路径会原样保留,搬到别处时要注意路径是否还有效。

能直接粘贴整个网页吗?

可以粘贴从浏览器选中的片段(输入框支持读取剪贴板 HTML)。整页 HTML 建议先清理导航、脚本等无关结构,否则会带进来大量空链接和空标题。

输出的列表为什么是 * 而不是 - ?

turndown 默认用 * 作为无序列表符号,页面没有提供切换选项。需要 - 的话在结果里批量替换即可。

HTML 内容会上传吗?

不会。turndown 在浏览器里解析和转换,你粘贴的内容不离开本机。

小提示

  • 标题风格选 underline 时只有 h1、h2 用 === 和 --- 下划线,h3 到 h6 会退回 # 号写法
  • 文本里的 * _ # > | ` [ ] ( ) 会被自动加反斜杠转义,避免转出来之后渲染错位;表格里的竖线尤其明显
  • 强调风格选波浪号时,斜体变 ~文字~、粗体变 ~~文字~~,而多数渲染器把 ~~ 当删除线,容易误解,不建议用

同类Markdown工具