HTML 美化

清理雜亂的 HTML，添加一致的縮排和結構。複製或下載美化結果。

輸入
輸出
0 字元 0 行

HTML 美化

該工具美化 HTML 程式碼，添加適當的縮排、換行和一致的格式。貼上壓縮或格式不佳的 HTML，即可取得乾淨、可讀的輸出。

操作在瀏覽器中本地執行。您的資料不會上傳或儲存在伺服器上。

使用方法

  1. 將 HTML 程式碼貼上到輸入編輯器中。
  2. 點擊美化 HTML來清理程式碼。
  3. 美化後的 HTML 將以適當的縮排顯示在輸出編輯器中。
  4. 使用複製複製到剪貼簿，下載儲存檔案，或清除重置。

什麼是 HTML 美化？

HTML 美化為 HTML 程式碼添加縮排和換行，使其易於閱讀。壓縮的 HTML 移除了所有空白字元以減小檔案大小，但難以閱讀和除錯。

美化 HTML 對於除錯網頁、檢視樣板和與其他開發者協作至關重要。

輸入說明

該工具接受任何 HTML 輸入。美化器保留所有標籤和屬性——只改變空白和縮排以提高可讀性。

範例

壓縮的 HTML 美化後變得可讀：

--- 壓縮輸入 ---
<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 的圖片工具會用於探索，並在需要瀏覽器能力時返回網頁入口。