HTML 美化

将紧凑或混乱的 HTML 格式化为可读的缩进标记。

输入
输出
0 字符 0 行

使 HTML 更易于检查和编辑

HTML 美化 将紧凑的 HTML 扩展为可读结构，在嵌套元素周围有换行和缩进。 它对于检查片段、模板、生成的标记、电子邮件和复制的页面片段非常有用。

HTML 解析器可以从许多格式错误的文档中恢复，因此美化的输出看起来比源文件更干净，同时仍然反映浏览器解析规则。格式设置应保留标签和属性，但应审查空白敏感的内联文本。

使用方法

  1. 将 HTML 代码粘贴到输入编辑器中。
  2. 单击 美化 HTML 以回流并缩进标记。
  3. 检查输出中是否有预期的嵌套、注释、内联文本和属性。
  4. 使用 复制 作为剪贴板，使用 下载 作为文件，或使用 清除 进行重置。

什么是HTML美容仪？

HTML 美化 是一个基于浏览器的实用程序，用于将密集标记转换为可以扫描和编辑的文档。它有助于揭示父子关系、错位的结束标签以及生成的大块 HTML。

HTML 空格可能会影响内联布局、文本节点和预格式化内容。美化模板或生产标记后，验证渲染的输出是否仍然符合您的意图。

输入说明

粘贴 HTML 片段或完整文档。请小心构建系统可能依赖的 <pre>、内联元素、模板语法和注释。

示例

一旦每个嵌套元素都放在自己的行上，密集的文档就会变得更容易理解：

--- 压缩输入 ---
<html><head><title>Test</title></head><body><p>Hello</p></body></html>

--- 美化输出 ---
<html>
  <head>
    <title>Test</title>
  </head>
  <body>
    <p>Hello</p>
  </body>
</html>

MCP 集成

MCP（Model Context Protocol，模型上下文协议）让 AI 代理和应用可以发现并调用 Coding.Tools 工具，用于可重复的转换、格式化、哈希和生成工作流。

MCP 工具名: html-beautifier

MCP 端点: https://coding.tools/mcp

请先调用 tools/list。每个工具条目都会包含 inputSchema、outputSchema 和 examples，AI 代理或客户端可以据此生成合法参数，不需要猜。

调用 tools/call 后，result.content[0].text 是展示用结果，result.structuredContent 是适合程序解析的结构化结果。工具级失败会返回 isError: true；协议级失败会返回 JSON-RPC error。

tools/call 请求示例：

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"html-beautifier","arguments":{"input":"<section><h1>Docs</h1><p>MCP ready</p></section>"}}}'

大多数文本和数据工具接收 input 字符串以及可选的 options。只依赖浏览器图片 API 的图片工具会用于发现，并在需要浏览器能力时返回网页入口。