ForHosting KIT · Ferramentas para dev

Embelezador HTML

O embelezador HTML transforma marcação compactada, minificada ou em uma única linha em um documento legível cuja indentação acompanha a hierarquia dos elementos.

● BetaGrátis · no seu navegador

Executar grátis Ver a API

Use pelo WebAPIE-mailTelegramApp em breve

Cole uma página completa, um trecho de modelo ou uma marcação copiada de uma resposta gerada e receba indentação estável de dois espaços, sem acesso à rede nem processamento não determinístico. O formatador reconhece comentários, declarações, atributos entre aspas, conteúdo bruto de script e style, sintaxe de autofechamento e elementos vazios padrão do HTML. Ele também rejeita tags comuns inesperadas, incompatíveis ou não fechadas.

Revele a hierarquia oculta no HTML minificado

A minificação ajuda a entregar uma página ao navegador, mas remove a estrutura visual necessária para compreender a marcação. Uma barra de navegação, uma lista aninhada, uma grade de cartões ou um formulário podem virar uma linha contínua na qual é difícil combinar tags. Este formatador restaura a estrutura percorrendo o documento na ordem original e atribuindo indentação conforme a hierarquia ativa. Cada elemento comum de abertura aumenta o nível, e o fechamento correspondente devolve a saída ao nível anterior. O texto aparece na profundidade do elemento que o contém, enquanto comentários e declarações mantêm a posição adequada. O resultado usa um padrão estável de dois espaços, ideal para inspeção, documentação, revisão e comparação. A ferramenta não inventa elementos, não reordena atributos nem redesenha a marcação; apenas deixa visível e previsível a hierarquia já presente.

Trate corretamente as construções HTML sem fechamento

Nem todo token entre sinais angulares deve alterar a profundidade. Elementos vazios padrão, como img, input, meta, link, br e hr, ficam completos sem uma tag final e não entram na pilha. A sintaxe explícita de autofechamento recebe o mesmo tratamento. Comentários, declarações do tipo de documento, seções CDATA e instruções de processamento permanecem tokens completos. O analisador reconhece aspas simples e duplas nos atributos; assim, um sinal de maior dentro de um valor não encerra a tag. Elementos script, style e textarea exigem cuidado adicional, pois podem conter símbolos semelhantes a marcação. Seu conteúdo é preservado até a tag final correspondente. O resultado é determinístico e independente de rede, horário, aleatoriedade, reparo do DOM ou serviço externo.

Encontre estruturas incompletas antes da próxima etapa

A marcação a ser formatada costuma vir de um log, modelo de e-mail, resposta de servidor, campo editorial ou artefato de compilação. Essas fontes podem estar truncadas mesmo quando o trecho parece plausível. O formatador mantém uma pilha de elementos abertos e exige fechamentos na ordem inversa. Uma tag final inesperada falha imediatamente; um fechamento incompatível informa qual tag deveria aparecer primeiro. Se a entrada terminar com um elemento comum aberto, a solicitação retorna um erro de entrada inválida que o identifica. Elementos vazios padrão e tags com autofechamento explícito são exceções intencionais. A verificação é estrutural e não substitui um validador completo do padrão HTML. Use o resultado antes de revisar, armazenar, documentar ou processar a marcação. A execução local no navegador está disponível, e cada solicitação automatizada à API usa o preço base publicado de US$ 0,002.

Casos de uso

Inspecionar uma página de produção minificada

Expanda uma marcação de linha única antes de rastrear um componente, link, controle de formulário ou seção incorporada.

Preparar modelos para revisão

Aplique indentação estável para comparar a estrutura sem combinar manualmente tags aninhadas.

Verificar um trecho HTML copiado

Detecte uma tag final ausente ou incompatível após copiar marcação de uma resposta, editor, mensagem ou log.

Perguntas frequentes

O que o embelezador HTML altera?

Ele adiciona quebras de linha e indentação de dois espaços conforme o aninhamento, além de normalizar espaços entre textos comuns.

Quais tags podem ficar sem fechamento?

Elementos vazios padrão, incluindo img, input, meta, link, br e hr, dispensam tag final. A sintaxe explícita de autofechamento também é aceita.

Os atributos e o código incorporado são preservados?

Sim. A ferramenta mantém atributos, respeita valores entre aspas e trata o conteúdo de script, style e textarea como texto bruto até o fechamento.

Esta ferramenta valida todo o padrão HTML?

Não. Ela verifica pares de tags e alguns limites léxicos, mas não todas as regras de documento, acessibilidade, conteúdo ou atributos.

Quanto custa uma solicitação à API?

Cada solicitação usa o preço base publicado de US$ 0,002. A versão para navegador pode ser executada localmente sem chamar a API.

Para desenvolvedores — acesso via API

Tudo nesta página está disponível via API. Esta seção é para equipes que querem integrar a ferramenta aos próprios sistemas; quem não precisa disso pode simplesmente usar a ferramenta acima.

Endpoint

POSThttps://api.kit.forhosting.com/dev2/beautify-html

Autenticação por token Bearer. Um único POST coloca a tarefa na fila; o resultado chega por webhook ou link assinado.

Chame do seu código

curl -X POST https://api.kit.forhosting.com/dev2/beautify-html \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"html":"<!doctype html><html><body><main><h1>Hello</h1><p>Readable HTML.</p></main></body></html>"}'

const res = await fetch("https://api.kit.forhosting.com/dev2/beautify-html", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "html": "<!doctype html><html><body><main><h1>Hello</h1><p>Readable HTML.</p></main></body></html>"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/dev2/beautify-html",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "html": "<!doctype html><html><body><main><h1>Hello</h1><p>Readable HTML.</p></main></body></html>"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/dev2/beautify-html", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"html":"<!doctype html><html><body><main><h1>Hello</h1><p>Readable HTML.</p></main></body></html>"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"html":"<!doctype html><html><body><main><h1>Hello</h1><p>Readable HTML.</p></main></body></html>"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/dev2/beautify-html", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Exemplo de requisição

{
  "html": "<!doctype html><html><body><main><h1>Hello</h1><p>Readable HTML.</p></main></body></html>"
}

Exemplo de resposta

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "dev2.beautify_html",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

A API é assíncrona: cada chamada devolve um task_id na hora. Se preferir polling, consulte o status a até 1 requisição por segundo.

Preço

por chamadaUS$ 0,002

Preço publicado, sem tokens nem créditos escondidos. Tarefa que falha não é cobrada.

Erros

HTTP	Código	O que significa
`401`	`unauthorized`	Token ausente ou inválido. Confira o header Authorization.
`402`	`insufficient_balance`	Saldo insuficiente para esta tarefa. Faça uma recarga e tente de novo.
`404`	`unknown_type`	Esse tipo de tarefa não existe. Confira o campo type no catálogo.
`429`	`rate_limited`	Muitas requisições em pouco tempo. Espere um instante e tente de novo.

Ver a documentação completa do KIT →