TingYu Tools

HTML ⇄ Markdown

互相转换

转换模式

HTML 输入

支持标准 HTML 标签

转换选项

HTML → Markdown 选项

显示选项

转换结果

📝

输入 HTML 或 Markdown 以开始转换

💡 使用说明

什么是 HTML ⇄ Markdown?

这是一个双向转换工具,可以将 HTML 转换为 Markdown,或将 Markdown 转换为 HTML。Markdown 是一种轻量级标记语言,HTML 是网页标准标记语言。

功能特点

  • 双向转换:HTML ↔ Markdown
  • 支持 GFM(GitHub Flavored Markdown)
  • 可配置转换选项
  • 实时预览转换结果
  • 详细的统计信息

HTML → Markdown 转换规则

  • 标题:<h1-h6> → # 标题
  • 段落:<p> → 文本段落
  • 粗体:<strong>/<b> → **文本**
  • 斜体:<em>/<i> → *文本*
  • 链接:<a> → [文本](url)
  • 图片:<img> → ![alt](url)
  • 列表:<ul>/<ol> → - / 1.
  • 代码:<pre>/<code> → ```

Markdown → HTML 转换规则

  • 标题:# → <h1>
  • 粗体:**文本** → <strong>
  • 斜体:*文本* → <em>
  • 链接:[文本](url) → <a>
  • 图片:![alt](url) → <img>
  • 代码块:``` → <pre><code>
  • 行内代码:` → <code>
  • 列表:- / 1. → <ul>/<ol>

应用场景

  • 文档格式转换
  • 博客文章发布
  • GitHub README 编辑
  • 内容管理系统集成
  • 技术文档编写

最佳实践

  • 使用 Markdown 编写,转 HTML 发布
  • 保持 Markdown 格式简洁规范
  • 复杂布局建议直接使用 HTML
  • 转换前检查特殊字符转义
  • 使用预览确认转换结果