Formatador HTML

Formate HTML compacto ou confuso em uma marcação recuada e legível.

Entrada
Saída
0 caracteres 0 linhas

Torne HTML mais fácil de inspecionar e editar

HTML O Beautifier expande o HTML compacto em uma estrutura legível com quebras de linha e recuo em torno de elementos aninhados. É útil para inspecionar trechos, modelos, marcações geradas, e-mails e fragmentos de páginas copiadas.

Os analisadores HTML se recuperam de muitos documentos malformados, portanto, a saída embelezada pode parecer mais limpa do que a fonte, ao mesmo tempo que reflete as regras de análise do navegador. A formatação deve preservar tags e atributos, mas o texto embutido sensível a espaços em branco deve ser revisado.

Como usar

  1. Cole seu código HTML no editor de entrada.
  2. Clique em Embelezar HTML para refluir e recuar a marcação.
  3. Revise a saída em busca de aninhamento, comentários, texto embutido e atributos esperados.
  4. Use Copiar para a área de transferência, Baixar para um arquivo ou Limpar para redefinir.

O que é o embelezador HTML?

Formatador HTML é um utilitário baseado em navegador para transformar marcações densas em um documento que você pode digitalizar e editar. Ajuda a revelar relacionamentos pai-filho, tags de fechamento mal posicionadas e grandes blocos de HTML gerados.

O espaço em branco HTML pode afetar o layout embutido, nós de texto e conteúdo pré-formatado. Depois de embelezar os modelos ou a marcação de produção, verifique se a saída renderizada ainda corresponde à sua intenção.

Notas de entrada

Cole fragmentos HTML ou documentos completos. Tenha cuidado com <pre>, elementos embutidos, sintaxe de modelo e comentários nos quais seu sistema de compilação pode confiar.

Exemplo

Um documento denso fica mais fácil de acompanhar quando cada elemento aninhado é colocado em sua própria linha:

--- Entrada minificada ---
<html><head><title>Test</title></head><body><p>Hello</p></body></html>

--- Saída embelezada ---
<html>
  <head>
    <title>Test</title>
  </head>
  <body>
    <p>Hello</p>
  </body>
</html>

Integração MCP

MCP (Model Context Protocol) permite que agentes de IA e aplicativos descubram e executem utilitários do Coding.Tools para fluxos repetíveis de conversão, formatação, hash e geração.

Nome da ferramenta MCP: html-beautifier

Endpoint MCP: https://coding.tools/mcp

Chame tools/list primeiro. Cada ferramenta inclui inputSchema, outputSchema e examples para que um agente de IA ou cliente possa montar argumentos válidos sem adivinhar.

Em tools/call, leia result.content[0].text para o valor exibível e result.structuredContent para parsing por máquina. Falhas da ferramenta retornam isError: true; falhas de protocolo retornam um JSON-RPC error.

Exemplo de requisição 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>"}}}'

A maioria das ferramentas de texto e dados aceita uma string input e options opcionais. Ferramentas de imagem que dependem das APIs de imagem do navegador são listadas para descoberta e retornam um link para a interface web quando precisam desses recursos.