Markdown ↔ HTML 转换

Markdown 与 HTML 格式相互转换,支持实时转换

输入

输出结果

功能介绍

Markdown 与 HTML 双向转换工具,专为博客写作和文档编写优化。支持 CommonMark 标准及表格、代码块、任务列表等扩展语法,实时预览转换效果。

关键特点

  • 支持 CommonMark 规范
  • 支持表格、代码块、任务列表
  • 实时预览
  • 一键复制 HTML 代码

使用教程

  1. 在输入框左侧粘贴 Markdown 内容(支持标题、列表、表格、代码块等语法)
  2. 点击「MD → HTML」按钮或等待自动转换,右侧显示生成的 HTML 代码
  3. 检查 HTML 渲染效果,确认结构正确
  4. 如需反向转换,粘贴 HTML 代码并点击「HTML → MD」
  5. 点击「复制结果」将 HTML 代码粘贴到博客编辑器或文档系统中

使用示例

输入示例:

# 欢迎使用 Markdown

这是一篇**示例文章**,包含以下内容:

- 列表项一
- 列表项二

```python
print("Hello World")
```

| 姓名 | 年龄 |
|------|------|
| 张三 | 28   |

输出结果:

<h1>欢迎使用 Markdown</h1>
<p>这是一篇<strong>示例文章</strong>,包含以下内容:</p>
<ul>
<li>列表项一</li>
<li>列表项二</li>
</ul>
<pre><code class="language-python">print("Hello World")
</code></pre>
<table>
<tr><th>姓名</th><th>年龄</th></tr>
<tr><td>张三</td><td>28</td></tr>
</table>

常见问题

支持哪些 Markdown 扩展?

支持表格、代码块、任务列表、删除角、脚注等常用扩展语法。

相关工具

HTML 实体编解码 | { } JSON 格式化 | XML 格式化