ToolboxAgent

Markdown / HTML 互转

在线 Markdown 与 HTML 互转工具，支持安全预览、源码转换和快速复制结果。

0 个字符

<空>

使用说明

  1. 1 输入 Markdown 或 HTML 内容
  2. 2 选择转换方向并执行转换
  3. 3 预览渲染结果并复制输出源码

相关工具

音频格式转换

在线音频格式转换工具，支持MP3、WAV、OGG、FLAC格式互转，纯浏览器端使用ffmpeg.wasm处理，无需上传到服务器

CSV / JSON 互转

在线 CSV 与 JSON 互转工具，支持表头解析、数组对象格式化和结果复制。

CSV转Excel

在线CSV转Excel工具，上传CSV文件后解析并生成可下载的 .xlsx 文件

Excel转CSV

在线Excel转CSV工具，支持上传 .xlsx/.xls 文件并导出为CSV文本，使用SheetJS解析

Excel转JSON

在线Excel转JSON工具，上传Excel文件后解析为JSON对象数组（首行为键）

视频提取音频

从视频中提取音轨，支持输出MP3、WAV、OGG格式，纯浏览器端使用ffmpeg.wasm处理，无需上传到服务器

ZIP文件压缩/解压

在线压缩文件为ZIP或解压ZIP文件，支持多文件打包压缩和ZIP批量解压，纯浏览器本地处理不上传服务器。

HTML转Markdown

在线HTML转Markdown工具，使用TurndownService解析HTML并输出标准Markdown格式

图片转PDF

在线图片转PDF工具，支持多张图片按顺序生成PDF，每张图片一页，纯浏览器端处理

JSON转CSV

在线JSON转CSV工具，支持嵌套对象展平、自动生成表头，正确处理逗号、引号和换行。

JSON转Excel

在线JSON转Excel工具，粘贴JSON数组后生成可下载的 .xlsx 文件，自动提取字段作为表头

PDF转图片

在线将 PDF 每一页渲染为高清 PNG 图片，支持逐页下载，全部在浏览器内完成。

SVG转PNG

在线SVG转PNG工具，支持文件上传或粘贴SVG代码，可调整缩放倍数。

单位转换

在线单位转换工具，支持长度、重量、温度等多种单位互转，实时计算结果

视频格式转换

在线视频格式转换工具，支持MP4和WebM格式互转，纯浏览器端处理，无需上传到服务器

视频转GIF

在线视频转GIF工具，支持设置宽度、帧率、起止时间，纯浏览器端使用ffmpeg.wasm处理，无需上传到服务器

关于此工具

Markdown/HTML 互转工具支持双向转换：Markdown 转 HTML 使用 marked 解析 CommonMark 标准语法，输出经 DOMPurify 安全过滤的 HTML；HTML 转 Markdown 使用 Turndown 将 HTML 标签映射为对应 Markdown 语法，同时提供实时渲染预览。

适用场景：将 Markdown 博客文章内容转为 HTML 用于嵌入 CMS 页面、检查 Markdown 渲染后的实际效果、从旧版 HTML 内容迁移到 Markdown 格式博客系统、将 Markdown 内容生成 HTML 后直接嵌入邮件模板、对比转换前后内容是否符合预期。

与其他转换工具相比，这个工具的核心优势是双向转换和实时预览：你可以直接看到 Markdown 渲染后的视觉效果，并获取对应的 HTML 源码，也可以反向将 HTML 转回 Markdown，满足内容迁移的双向需求。

常见问题

Markdown 转 HTML 的输出是完整 HTML 页面还是 HTML 片段？ +

输出是 HTML 片段，不包含 <html>、<head>、<body> 等页面结构标签，只包含正文对应的 HTML 元素（如 <h1>、<p>、<ul> 等）。这种片段格式可以直接嵌入到现有网页的 <body> 区域，或作为 CMS 系统的富文本字段内容使用。

输出的 HTML 是安全的吗，会有 XSS 风险吗？ +

工具输出的 HTML 经过 DOMPurify 安全过滤，会移除 <script> 标签、危险的事件属性（如 onclick）和 javascript: 协议链接，防止 XSS 注入攻击。如果你要将转换结果直接渲染到用户可见的网页中，工具的安全过滤可以作为一道防线，但建议同时在服务端也进行内容过滤。

支持 GFM（GitHub Flavored Markdown）扩展语法吗？ +

marked 库支持 GFM 扩展，包括：任务列表（- [x]）、删除线（~~text~~）、表格（| col1 | col2 |）、自动将 URL 识别为链接等。这些 GFM 特有语法都能正确转换为对应 HTML。如果发现某个语法没有正确渲染，检查是否在工具设置中开启了 GFM 模式。

Markdown 中的代码块语言高亮在 HTML 中能保留吗？ +

工具会在代码块对应的 HTML 中添加 class="language-python"（或对应语言名）等标识，但实际语法高亮需要在页面引入 highlight.js、Prism.js 等代码高亮库才能显示。工具本身输出纯 HTML 结构，不内联高亮样式。

HTML 转 Markdown 时图片链接会保留吗？ +

会。<img src="url" alt="描述"> 会被转换为 Markdown 图片语法 ![描述](url)，图片的 src 属性（URL）和 alt 属性（替代文字）都会保留在 Markdown 中。如果 alt 属性为空，转换结果是 ![](url)，建议在 Markdown 中手动补充有意义的替代文字。