输出为 HTML 片段(不含 html/body 外壳),代码块与行内代码中的尖括号会自动转义。
所有处理都在你的浏览器本地完成,文档内容不会上传。「⇅ 结果回填」会把输出放回输入框并自动切换转换方向,方便往返核对。
转换结果将显示在这里。
本工具支持的常用语法与对应 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 无法保留全部样式与复杂结构。发布前请自行预览核对排版。
写文章、写 README、发文档时经常要在 Markdown 与 HTML 之间来回切换。
这个工具把两个方向都做好:
① Markdown → HTML:按块级结构解析,正确处理标题、段落换行、加粗 / 斜体 / 删除线、链接、图片、列表、引用与围栏代码块,代码内的尖括号自动转义;
② HTML → Markdown:把常见正文标签还原成 #、**粗体**、列表、引用与代码围栏,链接地址与图片路径完整保留;
③ 可往返核对:「⇅ 结果回填」自动切换方向,方便检查转换差异;
④ 可下载:Markdown 结果下载 .html,反向结果下载 .md。
处理流程:
① 按行切分、识别块级结构:围栏代码块优先匹配(内部的 #、* 按原样输出),随后识别标题、分割线、引用块(递归转换)、连续列表项与普通段落;
② 行内解析:依次处理图片、链接、行内代码(占位保护,内部内容只转义不解析),再处理加粗、斜体、删除线,最后还原占位;
③ HTML 反向:先把 <pre> 代码块抽离保护,再处理标题、引用、列表、段落等块标签,行内标签还原为 Markdown 符号,无语义标签剥离文字保留,最后解码 HTML 实体并规整空行。
<html>、<head>、<body> 外壳与样式)。适合嵌入博客、CMS、README 渲染器或富文本编辑器;如需独立网页,请自行包一层标准 HTML 文档并引入 CSS。``` 或 ~~~)会被整体优先识别,内部所有符号原样输出并对尖括号等做 HTML 转义;行内代码 `...` 同样受保护,里面的 ** 不会变粗体。*文字* 即可;下划线两侧紧贴字母数字也不会触发,避免影响变量名与蛇形命名。class、style 等属性与 <script> 代码丢弃。需要保留表格时建议先把数据复制成 CSV,再用本站的 CSV / JSON 工具处理。审核通过后就会展示在留言板上,稍安勿躁~
还没有留言,来抢沙发吧!