跳过至内容

MDMarkdown ↔ HTML 转换

加载中...

Markdown 是一种轻量级标记语言,允许您使用纯文本编写格式化文档。它广泛用于 GitHub README、技术博客、维基和文档平台——所有这些最终都会将 Markdown 渲染为 HTML。相反,将现有的 HTML 转换回 Markdown 使内容更容易进行版本控制和维护。此工具支持实用的双向转换选项:GFM 表格、KaTeX 数学表达式以及灵活的 HTML 输出格式。

使用说明

  1. 1
    选择转换方向

    在顶部选择“Markdown → HTML”或“HTML → Markdown”。切换模式时会保留您的输入。

  2. 2
    配置选项

    在“Markdown → HTML”模式下,您可以选择 HTML 输出格式(美化/压缩/原始),切换 GFM 支持,并启用 KaTeX 数学渲染。在“HTML → Markdown”模式下,您可以设置标题样式、列表标记等。

  3. 3
    输入内容

    在左侧粘贴文本。转换会自动运行,结果显示在右侧。

  4. 4
    检查实时预览

    底部的预览窗格显示渲染后的输出,以便您验证转换效果。

  5. 5
    复制结果

    点击输出区域旁边的复制按钮获取转换后的文本。

小技巧

  • 💡将您的 GitHub README 粘贴到“Markdown → HTML”模式,以便在推送前准确预览其在 GitHub 上的渲染效果。
  • 💡将 HTML 博客文章转换为 Markdown,使其更易于版本控制和未来编辑。
  • 💡KaTeX 数学使用标准 LaTeX 语法:$内联公式$ 或 $$块公式$$。例如:$E=mc^2$。
  • 💡使用“保留标签”功能可在 HTML → Markdown 转换期间原样保留特定的 HTML 标签——这对于自定义元素非常有用。

常见问题

Q. 什么是Markdown?
A. Markdown是John Gruber于2004年创建的轻量级标记语言,用纯文本语法表示格式并转换为HTML,广泛用于GitHub、Notion等技术文档。
Q. GitHub Flavored Markdown(GFM)与标准Markdown有何不同?
A. GFM添加了表格、任务列表(- [x])、代码块语言指定、自动URL链接等扩展语法。
Q. 转换后的HTML直接使用安全吗?
A. 不一定。Markdown中可能包含HTML标签和脚本,直接渲染会有XSS风险。用户输入的Markdown请用DOMPurify等库净化后再使用。

DevHelper

© 2026. 保留所有权利。