HTML 转 Markdown:粘贴富文本,输出干净的 .md,链接 / 代码 / 表格 / 列表全保留。
- 本地处理
- 分类 格式转换
- 适合 把粘贴内容或本地文件转成更适合交付的格式。
这个工具能做什么
免费在线 HTML 转 Markdown 工具。粘贴任意 HTML(一篇博客、一份从网页复制 过来的内容、CMS 里的富文本),立刻得到干净可移植的 Markdown。我们调用浏览器 原生 DOMParser 解析,然后遍历 DOM 树,把 h1–h6 标题、段落、粗体斜体、链接、 图片、有序无序列表(含嵌套)、引用、行内代码、围栏代码块、分割线、换行、 表格逐一翻译成 Markdown。所有内联样式与框架冗余 class 都被剥掉,只保留结构。 100% 浏览器本地完成,不上传、不追踪。和我们的 Markdown 转 HTML 工具配对使用, 可做来回转换。
工具细节
- 输入
- 文本 + 数值 + 结构化内容
- 页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
- 输出
- 即时结果 + 复制 + 下载
- 结果区优先给出可操作结果,支持项会显示复制、下载或可视化预览。
- 隐私
- 浏览器本地处理
- 主工具逻辑未发现外部 API 调用,输入通常留在当前标签页内处理。
- 保存 / 分享
- 免账号使用
- 打开页面即可使用;刷新后是否保留结果取决于具体工具。
- 性能预算
- 首屏 JS ≤ 20 KB
- 没有声明 WASM 依赖,适合快速打开和移动端使用。
- 适用场景
- 格式转换 · 程序员
- 分类和职业标签用于推荐相关工具、组织内链,并帮助用户快速判断是否适合当前任务。
怎么用
-
1. 输入
把内容粘贴或拖入工具面板。
-
2. 处理
点击按钮,在浏览器内本地处理,文件不上传。
-
3. 复制 / 下载
一键复制结果或下载到本地。
HTML 转 Markdown 适合怎么用
适合把内容从一种实际格式转成另一种可用格式。
适合转换的任务
- 把粘贴内容或本地文件转成更适合交付的格式。
- 放进大流程前,先预览转换结果是否可靠。
- 修正常见格式不匹配,不用打开完整编辑器。
转换检查项
- 源格式比较乱时,先拿一小段试转。
- 转换后检查编码、分隔符和换行符。
- 结果确认前保留原始内容。
下一步可以接着做
这些入口会把当前任务接到更完整的工具链里。
真实使用场景
把 CMS 博客文章搬进 Git 文档仓库
团队要把 40 篇文章从 WordPress 迁到 Docusaurus 站点。逐篇复制 渲染后的 HTML 贴进来,就拿到标题、链接、代码围栏都完好的 Markdown。WordPress 吐出的那一堆内联样式会被剥掉,.md 直接进 版本库,不用再手工清洗一遍。
把抓下来的网页整理成干净笔记
你用「查看源代码」或爬虫抓到一篇文章,正文外面裹着两百行导航 div 和埋点 span。把正文 HTML 贴进来,转换器只留段落、引用和那张 管道表格,最后得到一份三十行的笔记,可以直接丢进 Obsidian 或 Notion。
给 LLM 提示词喂干净的 Markdown
你想让 LLM 总结一篇三千字的 HTML 页面,但裸 HTML 会把 token 浪费 在标签上。先转一遍,同样内容缩小四到六成,因为每个 `<p class="...">` 都变成一个空行。模型读标题和列表也比读嵌套 div 更稳。
把邮件或富文本片段统一成 changelog 格式
同事发来一封富文本邮件当发布说明,里面有加粗条目和一个项目符号 列表。把复制的 HTML 贴进来,就得到 `**加粗**` 和 `- 条目` 这样的 行,可以直接提交到 CHANGELOG.md,每条记录都跟仓库的 Markdown 风格 一致,而不是把字体标签和 `mso-` 样式带进文件。
常见踩坑
把整页 HTML(含 `<head>`、`<nav>`、`<footer>`)一起贴进来。只复制文章正文,否则菜单和 cookie 提示也会被当成标题转出来。
以为 Word 或 Google Docs 直接复制能完美转换。它们的 HTML 把结构藏在 `mso-list` 样式里,Markdown 没有对应写法。先另存为 `.html` 清理再贴。
以为内联的 `style="color:red"` 或 `text-align` 会保留。Markdown 没有样式概念,会被丢掉。要是视觉样式比可移植更重要,就继续用 HTML。
隐私说明
转换全程在你的浏览器里用原生 DOMParser 完成。你粘贴的 HTML 不会离开 页面,不上传服务器,也不会写进 URL。关掉或刷新标签页就清空。内部或 未发布的内容也可以放心贴进来。
常见问题
类似工具组合
做你这行的人, 还会一起用这些。