📑 输入 Markdown / HTML 内容

输出为 HTML 片段(不含 html/body 外壳),代码块与行内代码中的尖括号会自动转义。

所有处理都在你的浏览器本地完成,文档内容不会上传。「⇅ 结果回填」会把输出放回输入框并自动切换转换方向,方便往返核对。

输出字符数
0字符
Markdown → HTML:输出可直接嵌入页面的 HTML 片段
输入字符 0
输出字符 0
块数 0
转换结果将显示在这里。

📖 Markdown 语法速查

本工具支持的常用语法与对应 HTML。

语法Markdown 写法转换结果
标题# 标题 ~ ###### 六级<h1> ~ <h6>
加粗 / 斜体**粗**、*斜*<strong> / <em>
删除线~~文字~~<del>文字</del>
行内代码`npm i`<code>npm i</code>
链接 / 图片[文](url)、![说明](图)<a> / <img>
列表- 项、1. 项<ul> / <ol>
引用> 引文<blockquote>
代码块 / 分割线```js 围栏、---<pre><code> / <hr>

⚠️ 使用注意

互转覆盖最常用的写作语法,复杂排版请阅读以下边界说明。

问题说明
支持的语法范围支持标题(#~######)、段落、加粗、斜体、删除线、行内代码、链接(可带 title)、图片、有序/无序列表、引用、```/~~~ 围栏代码块(可带语言名)与分割线。暂不支持表格、脚注、任务列表等扩展语法。
斜体识别边界遵循常见规则:标记内侧紧贴空格不算斜体,因此 2 * 3 * 4 不会被误转;下划线 _x_ 两侧是字母数字时也不启用,避免影响变量名。
代码安全转义代码块与行内代码中的 <、>、& 会原样转义输出,粘贴示例代码不会被当成真实标签执行。
换行规则同一段落内的换行输出为 <br>;空行分隔不同段落。反向转换时 <br> 变为 Markdown 硬换行(行尾两个空格)。
HTML 转 MD 的局限反向转换会保留结构与文字,但 <div>/<span>/<table> 等无语义映射的标签会被剥离(文字保留);样式、脚本、class 等属性会丢弃,复杂页面建议只复制正文区域再转换。

⚠️ 本工具仅在浏览器本地解析文本,不会上传、保存你粘贴的任何文档内容。
输出为 HTML 片段而非完整网页;HTML → Markdown 无法保留全部样式与复杂结构。发布前请自行预览核对排版。

📑

Markdown / HTML 互转工具

开发工具 完全免费 🌙 支持黑夜模式 🔒 本地运行不上传 📑 常用语法全覆盖 🛡️ 代码自动转义 ⬇️ 支持下载文件

写文章、写 README、发文档时经常要在 Markdown 与 HTML 之间来回切换。
这个工具把两个方向都做好:
① Markdown → HTML:按块级结构解析,正确处理标题、段落换行、加粗 / 斜体 / 删除线、链接、图片、列表、引用与围栏代码块,代码内的尖括号自动转义;
② HTML → Markdown:把常见正文标签还原成 #、**粗体**、列表、引用与代码围栏,链接地址与图片路径完整保留;
③ 可往返核对:「⇅ 结果回填」自动切换方向,方便检查转换差异;
④ 可下载:Markdown 结果下载 .html,反向结果下载 .md。

类别开发工具 / 文档转换
语法标题/列表/引用/代码块等常用项
输出可复制,可下载 .html / .md
运行方式浏览器本地,不上传

核心特性

Markdown 转 HTML
HTML 转 Markdown
标题列表引用代码块
链接图片完整保留
代码尖括号自动转义
段落与硬换行处理
结果回填往返核对
一键下载文件

关于这个工具

处理流程:
① 按行切分、识别块级结构:围栏代码块优先匹配(内部的 #、* 按原样输出),随后识别标题、分割线、引用块(递归转换)、连续列表项与普通段落;
② 行内解析:依次处理图片、链接、行内代码(占位保护,内部内容只转义不解析),再处理加粗、斜体、删除线,最后还原占位;
③ HTML 反向:先把 <pre> 代码块抽离保护,再处理标题、引用、列表、段落等块标签,行内标签还原为 Markdown 符号,无语义标签剥离文字保留,最后解码 HTML 实体并规整空行。

怎么用

  1. 第 1 步
    选择转换方向:Markdown → HTML 或 HTML → Markdown。
  2. 第 2 步
    把内容粘贴到左侧文本框,或点「📋 填入示例」快速体验。
  3. 第 3 步
    点「🔄 开始转换」(也可按 Ctrl + Enter),右侧显示结果与块数统计。
  4. 第 4 步
    点「📋 复制结果」直接粘贴到文章 / 代码里,或点「⬇️ 下载文件」保存为 .html / .md。
  5. 第 5 步
    点「⇅ 结果回填」可把输出放回输入框并自动反向,检查往返差异。

更新记录

  • v1.0 2026-10-11 工具正式上线:支持 Markdown ⇄ HTML 双向转换。Markdown → HTML 支持标题、段落(含硬换行)、加粗、斜体、删除线、行内代码、链接 / 图片(含 title)、有序 / 无序列表、引用块、围栏代码块(带语言类名)与分割线,代码内容自动 HTML 转义;HTML → Markdown 支持对应反向映射,链接与图片地址保留,无语义标签剥离文字、代码块还原围栏。支持复制、下载与结果回填。纯浏览器本地运行,适配黑夜模式。

常见问题

转换后的 HTML 能直接保存成网页吗?
输出的是 HTML 片段(只有内容标签,没有 <html>、<head>、<body> 外壳与样式)。适合嵌入博客、CMS、README 渲染器或富文本编辑器;如需独立网页,请自行包一层标准 HTML 文档并引入 CSS。
代码里的 #、* 会不会被当成 Markdown 语法?
不会。围栏代码块(``` 或 ~~~)会被整体优先识别,内部所有符号原样输出并对尖括号等做 HTML 转义;行内代码 `...` 同样受保护,里面的 ** 不会变粗体。
为什么 2 * 3 * 4 没有变成斜体?
这是刻意的正确行为:星号内侧紧贴空格时不算斜体标记,避免普通算式被误转换。需要斜体时写成紧贴文字的 *文字* 即可;下划线两侧紧贴字母数字也不会触发,避免影响变量名与蛇形命名。
HTML 里的表格、样式和脚本会怎样?
Markdown 常用子集没有表格 / 样式 / 脚本的对应语法,反向转换时这些标签会被剥离,其中的文字内容保留,class、style 等属性与 <script> 代码丢弃。需要保留表格时建议先把数据复制成 CSV,再用本站的 CSV / JSON 工具处理。
粘贴的文档会被上传吗?
不会。全部解析都在你的浏览器内完成,页面不发起任何网络请求,下载也是本地生成 Blob。刷新或关闭页面后内容立即消失。

💬 留言板 0

全部留言需审核通过后展示
💬

还没有留言,来抢沙发吧!

✍️ 说点什么
0 / 500
图形验证码