ForHosting KIT · Strumenti per sviluppatori

Abbellitore HTML

L’abbellitore HTML trasforma markup compresso, minificato o su una sola riga in un documento leggibile il cui rientro segue la gerarchia degli elementi.

● BetaGratis · nel tuo browser

Esegui gratis nel browser Vedi l'API

Usalo da WebAPIEmailTelegramApp presto

Incolli una pagina completa, un frammento di modello o markup copiato da una risposta generata e ottenga un rientro stabile di due spazi, senza accesso alla rete né elaborazione non deterministica. Il formattatore riconosce commenti, dichiarazioni, attributi tra virgolette, contenuti grezzi di script e style, sintassi autochiudente ed elementi vuoti HTML standard. Rifiuta inoltre tag ordinari inattesi, incompatibili o non chiusi.

Renda visibile la gerarchia nascosta nell’HTML minificato

La minificazione è utile per consegnare una pagina al browser, ma elimina la struttura visiva che aiuta a comprendere il markup. Una barra di navigazione, un elenco annidato, una griglia di schede o un modulo possono diventare una riga continua nella quale è difficile abbinare i tag. Il formattatore ripristina la struttura scorrendo il documento nell’ordine originale e assegnando il rientro in base alla gerarchia attiva. Ogni elemento di apertura ordinario aumenta il livello e la chiusura corrispondente riporta l’output al livello precedente. Il testo compare alla profondità del contenitore, mentre commenti e dichiarazioni mantengono la posizione appropriata. Il risultato usa uno stile stabile a due spazi, adatto a ispezione, documentazione, revisione e confronto. Non inventa elementi, non riordina attributi e non riprogetta il markup: rende semplicemente chiara e prevedibile la gerarchia già presente.

Gestisca i costrutti HTML che non richiedono chiusura

Non ogni token tra parentesi angolari deve modificare la profondità. Gli elementi vuoti standard, come img, input, meta, link, br e hr, sono completi senza tag finale e non vengono inseriti nella pila. La sintassi autochiudente esplicita riceve lo stesso trattamento. Commenti, dichiarazioni del tipo di documento, sezioni CDATA e istruzioni di elaborazione restano token completi. L’analisi riconosce virgolette singole e doppie negli attributi, quindi un segno maggiore contenuto in un valore non termina il tag. I contenuti di script, style e textarea vengono conservati fino alla chiusura corrispondente, evitando falsi elementi figli. L’operazione è deterministica e non dipende da rete, orologio, casualità, riparazione automatica del DOM o servizi esterni.

Individui strutture incomplete prima del riutilizzo

Il markup da formattare proviene spesso da un registro, un modello e-mail, una risposta del server, un campo editoriale o un artefatto di compilazione. Queste fonti possono essere troncate anche se il frammento sembra plausibile. Il formattatore mantiene una pila degli elementi aperti e richiede chiusure in ordine inverso. Un tag finale inatteso causa subito un errore; una chiusura incompatibile indica quale tag doveva comparire prima. Se l’input termina con un elemento ordinario ancora aperto, la richiesta restituisce un errore di input non valido che lo identifica. Gli elementi vuoti standard e i tag esplicitamente autochiudenti sono eccezioni intenzionali. Il controllo è strutturale e non sostituisce una validazione completa dello standard HTML. Lo usi prima di revisione, archiviazione, documentazione o ulteriori elaborazioni. L’esecuzione locale nel browser è disponibile e ogni richiesta API automatizzata usa il prezzo base pubblicato di $0.002.

Casi d'uso

Ispezionare una pagina di produzione minificata

Espanda markup su una sola riga prima di cercare un componente, collegamento, controllo di modulo o sezione incorporata.

Preparare un modello per la revisione

Applichi un rientro stabile per confrontare la struttura senza abbinare manualmente i tag annidati.

Controllare un frammento HTML copiato

Rilevi una chiusura assente o incompatibile dopo una copia da una risposta, un editor, un messaggio o un registro.

Domande frequenti

Che cosa modifica l’abbellitore HTML?

Aggiunge interruzioni di riga e rientro di due spazi secondo l’annidamento, normalizzando gli spazi del testo ordinario.

Quali tag possono restare senza chiusura?

Gli elementi vuoti standard, inclusi img, input, meta, link, br e hr, non richiedono un tag finale. È accettata anche la sintassi autochiudente.

Gli attributi e il codice incorporato vengono conservati?

Sì. Gli attributi e i valori tra virgolette restano intatti, mentre script, style e textarea sono testo grezzo fino alla chiusura.

È un validatore completo dello standard HTML?

No. Verifica l’abbinamento dei tag e alcuni confini lessicali, ma non tutte le regole documentali, di accessibilità o degli attributi.

Quanto costa una richiesta API?

Ogni richiesta usa il prezzo base pubblicato di $0.002. La versione per browser può essere eseguita localmente senza chiamare l’API.

Per sviluppatori — accesso via API

Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.

Endpoint

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

Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.

Chiamala dal tuo stack

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)

Esempio di richiesta

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

Esempio di risposta

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

L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.

Prezzi

per richiesta$0.002

Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.

Errori

HTTP	Codice	Significato
`401`	`unauthorized`	Chiave API mancante o non valida: controlla l'header Authorization.
`402`	`insufficient_balance`	Credito esaurito: ricarica per continuare a eseguire attività.
`404`	`unknown_type`	Tipo di attività sconosciuto: controlla il campo type della richiesta.
`429`	`rate_limited`	Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo.

Leggi la documentazione completa del KIT →