Markdown 转换
Markdown 与 HTML 双向转换,带实时预览
转换结果
Markdown 语法速查
| 语法 | 效果 |
|---|---|
| # 标题 | 一级标题(h1),## 是二级、### 是三级 |
| **粗体** | 加粗 |
| *斜体* | 斜体 |
| ~~删除线~~ | 删除线 |
| `代码` | 行内代码 |
| ```\n代码块\n``` | 代码块 |
| [链接](https://example.com) | 超链接 |
|  | 图片 |
| > 引用 | 引用块 |
| - 项目 | 无序列表 |
| 1. 项目 | 有序列表 |
| --- | 水平分割线 |
| | 表头 | 表头 |\n|---|---|\n| 内容 | 内容 | | 表格(前后需空行) |
| \*转义\* | 反斜杠转义,输出原字符 |
| 行尾两空格 | 强制换行(<br>) |
| <div>HTML</div> | 内联 HTML 原样保留 |
最后更新:2026-10-11
工具介绍
写文档用 Markdown,发布到网页需要 HTML,这中间的转换是高频需求。本工具提供双向转换:Markdown 转 HTML 时带实时预览,所见即所得;HTML 转 Markdown 时尽量还原成干净的标记。转换器是自己实现的精简实现,不引入体积庞大的依赖,规则透明可控。内容全程在你的浏览器里处理,尚未发布的草稿或内部文档都可以放心使用。
功能特性
Markdown → HTML
支持标题、加粗、斜体、链接、图片、列表、引用、代码块、表格与水平线等常用语法,右侧实时预览渲染效果。
HTML → Markdown
把 HTML 片段还原成 Markdown 标记,便于迁移到支持 Markdown 的平台。
实时预览
Markdown 转 HTML 时右侧同步渲染,改一个字就能立刻看到效果。
语法速查表
内置常用 Markdown 语法对照表,不用切到别的页面查写法。
XSS 风险提示
当转换结果包含原始 HTML 标签或脚本时会给出警告 —— 直接插入页面存在跨站脚本风险,预览区已做隔离。
内容统计
给出单词数、字符数、标题数、链接数与代码块数,便于快速了解篇幅。
怎么用
- 1
选择方向
按需要选择「Markdown → HTML」或「HTML → Markdown」。
- 2
输入内容
把源文本粘贴到输入框,结果实时生成。
- 3
查看结果
「转换结果」区给出输出文本,Markdown 转 HTML 时另有「实时预览」区。
- 4
复制或校对
点击复制按钮取走结果,或对照速查表调整语法。
参数说明
- 转换方向
- Markdown 转 HTML(带预览)或 HTML 转 Markdown。
适用场景
- 把写好的 Markdown 笔记转成 HTML 嵌入网页或邮件
- 把别人给的 HTML 片段还原成 Markdown,迁移到文档平台
- 写博客前先预览 Markdown 的渲染效果
- 不确定某个语法怎么写时查一下速查表
常见问题
关于这个工具,你可能会问
转换结果安全吗?能直接用到网站上吗?
要看你是否信任输入内容。如果输入里包含 <script> 或带 onerror 的图片标签,转换后会原样保留,直接插入页面就存在 XSS 风险。处理不可信内容时,请务必用 DOMPurify 之类的库做净化。
支持哪些 Markdown 语法?
覆盖常用语法:标题、加粗、斜体、删除线、行内代码、代码块、链接、图片、有序与无序列表、引用、表格、水平线。这是精简实现,不包含脚注、数学公式等扩展语法。
HTML 转 Markdown 会 100% 还原吗?
不会。HTML 的表达能力远超 Markdown,像内联样式、复杂的表格嵌套、自定义属性都没有对应的 Markdown 写法,这部分会被简化或丢弃。转换后请人工检查一遍。
内容会被上传吗?
不会。转换完全在浏览器里进行,未发布的草稿和内部文档都可以安全使用。你可以在开发者工具里确认没有网络请求。
为什么我的表格没有渲染出来?
Markdown 表格的语法要求比较严格:表格前后都需要有一个空行,分隔行(---)的列数要和表头一致。检查这两点通常就能解决。
转换后的 HTML 带样式吗?
不带。输出是语义化的纯 HTML 标签(如 h1、p、strong),不含任何内联样式或 class,样式由你所在页面决定。
能批量转换多个文件吗?
目前是单文本转换。批量需求建议在本地用命令行工具(如 pandoc)处理,更适合自动化场景。
换行要怎么处理?
Markdown 里单个换行默认不产生 <br>,需要空一行才算新段落;若想强制换行,在行尾加两个空格。这是 Markdown 的常见困惑点,预览区可以直接验证。