PixConvert

Markdown 转 HTML

将 Markdown 转换为 HTML,并可实时预览——粘贴内容即可立即查看格式化结果。

Markdown 输入

HTML 输出将显示在此处……

为什么要使用 PixConvert Markdown 转换器?

实时预览和简洁的 HTML 输出——网络上速度最快的 Markdown 工具。

实时预览

输入时,HTML 预览会实时更新。您可以实时查看 Markdown 的最终显示效果。

干净的 HTML 输出

由 marked.js v18 提供支持——从 CommonMark Markdown 生成语义化、符合规范的 HTML。

GitHub 风格的 Breaks

切换 GFM(GitHub Flavored Markdown)换行符,使其以单换行符形式渲染。

XSS 防护

输出清理选项会移除脚本标签和事件处理程序,以确保 HTML 嵌入的安全。

HTML 源代码视图

切换到 HTML 源代码选项卡以副本原始标记 — 直接粘贴到您的 CMS 或代码库中。

100% 私密

所有渲染工作都在您的浏览器中完成。您的 Markdown 内容绝不会离开您的设备。

Markdown 转换用例

Markdown 是一种通用的写作格式——这个工具将它与网络连接起来。

博客和内容管理系统发布

将 Markdown 文章转换为 HTML,以便在接受原始 HTML 的 CMS 平台中使用。

  • 转换为 WordPress HTML 编辑器
  • 准备 Notion 导出
  • 格式化网站的 README 内容

电子邮件模板

使用 Markdown 编写电子邮件,并将转换为 HTML 格式以供 HTML 电子邮件客户端使用。

  • 用纯 Markdown 编写
  • 转换为电子邮件 HTML
  • 发送前预览

文档

预览 Markdown 文档并将其导出为 HTML,以便共享或嵌入到应用程序中。

  • 预览 README 文件
  • 将文档导出为 HTML 页面
  • 嵌入应用内帮助系统

如何将 Markdown 转换为 HTML

1

将您的 Markdown 文本粘贴到左侧的编辑器中。右侧的 HTML 预览会实时更新。

2

切换到“HTML源代码”选项卡即可查看原始HTML代码。点击“复制HTML”按钮将其保存到剪贴板。

3

使用实时预览功能,在粘贴到您的内容管理系统、博客或静态网站生成器之前,验证格式是否正确。

常见问题解答

Markdown 转 HTML 转换详解。

支持哪些 Markdown 格式?

通过 marked.js 实现带有 GFM(GitHub Flavored Markdown)扩展的 CommonMark。这包括代码块、表格、任务列表、删除线和自动链接。

生成的HTML代码可以直接使用吗?

启用清理功能后,脚本标签和危险属性(例如 onclick、onerror 等)将被移除。对于生产环境,务必使用服务器端库(例如 DOMPurify、bleach)清理 HTML,而不要仅仅依赖客户端清理。

它支持表格吗?

是的。支持 GFM 风格的表格(使用 | 分隔符),并以 HTML 格式渲染。<table>元素。对齐冒号(:---:, ---:)会被保留。

我可以将HTML转换回Markdown吗?

此版本暂不支持HTML到Markdown的转换(turndown),目前计划中。现在,请使用差异检查器或JSON格式化工具进行文本处理。

为什么我的代码块显示为纯文本?

代码块需要使用分隔符(``` 或 ~~~)或按照 CommonMark 规范使用 4 个空格缩进。行内代码使用单个反引号。预览中的语法高亮使用浏览器默认设置——您可以使用 HTML 输出将完整的语法高亮工具(例如 Prism、highlight.js)添加到您自己的页面中。