Markdown 与 HTML 互转
Markdown 转 HTML、HTML 转 Markdown 双向转换,转换全部在浏览器本地完成。
Markdown 支持标题、粗斜体、行内代码、代码块、有序/无序列表、引用、链接、图片、表格与分隔线;HTML 转换会保留标题、段落、列表、链接、图片、代码与表格。
使用说明
在 Markdown 与 HTML 之间双向转换:把 Markdown 变成可直接嵌入页面的 HTML,或把现成 HTML 还原成 Markdown,方便迁移文档与清洗富文本;转换全部在浏览器本地完成。
- 在顶部选择方向「Markdown → HTML」或「HTML → Markdown」,输入框标签、占位示例与下载格式会随方向切换。
- Markdown → HTML 时粘贴标题、列表、表格等常用语法,点「转换」得到带标准标签的 HTML 片段,标题、粗斜体、行内代码、代码块、列表、引用、链接、图片、表格与分隔线都会保留。
- HTML → Markdown 时粘贴网页源码或富文本导出的 HTML,工具用 DOMParser 解析后输出 Markdown,保留标题、段落、列表、链接、图片、代码与表格结构。
- 点「复制结果」粘贴到编辑器或代码里,或点「下载结果」保存为 .html / .md 文件;点「清空」重置输入与输出。
- 表格在 Markdown 里需要标准分隔行(如 | --- | --- |),否则不会按表格渲染;HTML 里的脚本、样式与内联样式不会带进 Markdown。
常见问题
- 为什么 Markdown 里写的 HTML 标签没有生效?
- 为避免把脚本或样式直接注入页面,Markdown 输入会先做转义,尖括号会作为文本显示。需要 HTML 效果时,请在目标编辑器里处理;本页负责把 Markdown 语法转成结构化的 HTML 片段。
- 表格转换失败或没有变成表格怎么办?
- Markdown 表格要求第二行是分隔行,每个单元格至少一个短横线,例如 | 列 A | 列 B | 下面紧跟 | --- | --- |;列数要与表头一致。HTML 转 Markdown 时,表格会以第一行作为表头,合并单元格会被拆成普通单元格。
- HTML 转 Markdown 会保留颜色和字体吗?
- 不会。转换只保留结构语义(标题、段落、列表、链接、图片、代码、表格、强调),颜色、字号、对齐、内联样式与 class 都会丢弃,因为 Markdown 本身不描述这些样式。需要保留排版时,请直接使用原始 HTML。
- 转换内容会被上传吗?
- 不会。Markdown 解析与 HTML 的 DOMParser 解析都在浏览器本地完成,输入的 Markdown、HTML 与转换结果都不会发送到服务器,也不会被保存;关闭页面后内容即失效。