ForHosting KIT · Outils pour développeurs

Embellisseur HTML

L’embellisseur HTML transforme un balisage compressé, minifié ou écrit sur une seule ligne en un document lisible dont l’indentation suit la hiérarchie des éléments.

● BetaGratuit · dans votre navigateur

Lancer gratuitement Voir l’API

Utilisez-le depuis WebAPIE-mailTelegramApp bientôt

Collez une page complète, un fragment de modèle ou du balisage copié depuis une réponse générée pour obtenir une indentation stable de deux espaces, sans accès réseau ni traitement non déterministe. Le formateur reconnaît les commentaires, déclarations, attributs entre guillemets, contenus bruts de script et style, syntaxes autofermantes et éléments vides HTML standard. Il refuse aussi les balises ordinaires inattendues, incompatibles ou non fermées.

Révélez la hiérarchie cachée du HTML minifié

La minification facilite la livraison d’une page au navigateur, mais supprime la structure visuelle qui aide à comprendre le balisage. Une barre de navigation, une liste imbriquée, une grille de cartes ou un formulaire peuvent devenir une ligne continue où les balises sont difficiles à associer. Ce formateur restaure cette structure en parcourant le document dans l’ordre et en calculant l’indentation à partir de la hiérarchie active. Chaque élément ouvrant ordinaire augmente le niveau, puis sa fermeture ramène la sortie au niveau précédent. Le texte se place à la profondeur de son conteneur, tandis que les commentaires et déclarations gardent leur position logique. Le résultat emploie deux espaces de manière stable pour faciliter l’inspection, la documentation, la revue et la comparaison. Il n’invente aucun élément, ne réordonne pas les attributs et ne redessine pas le balisage : il rend simplement la structure existante claire et prévisible.

Gérez les constructions HTML sans balise fermante

Tout jeton entre chevrons ne doit pas modifier la profondeur. Les éléments vides standard, notamment img, input, meta, link, br et hr, sont complets sans fermeture et ne sont donc pas ajoutés à la pile. La syntaxe autofermante explicite reçoit le même traitement. Les commentaires, déclarations de type de document, sections CDATA et instructions de traitement restent des jetons complets. L’analyse tient compte des guillemets simples et doubles des attributs : un chevron fermant contenu dans une valeur ne termine pas prématurément la balise. Les contenus de script, style et textarea sont conservés jusqu’à leur fermeture correspondante afin de ne pas créer de faux éléments enfants. Le traitement reste déterministe, sans réseau, horloge, hasard, réparation automatique du DOM ni service externe.

Repérez une structure incomplète avant sa réutilisation

Le balisage à formater provient souvent d’un journal, d’un modèle d’e-mail, d’une réponse serveur, d’un champ éditorial ou d’un artefact de compilation. Ces sources peuvent être tronquées malgré une apparence plausible. Le formateur conserve une pile des éléments ouverts et impose leur fermeture dans l’ordre inverse. Une balise fermante inattendue échoue immédiatement ; une fermeture incompatible indique celle qui devait apparaître en premier. Si l’entrée se termine avec un élément ordinaire encore ouvert, une erreur d’entrée non valide nomme cet élément. Les éléments vides standard et les balises explicitement autofermantes constituent les exceptions prévues. Cette vérification structurelle ne remplace pas une validation complète de la norme HTML. Utilisez-la avant une revue, un stockage, une documentation ou une autre transformation. L’exécution locale dans le navigateur est disponible, et chaque requête API automatisée utilise le prix de base publié de $0.002.

Cas d’usage

Inspecter une page de production minifiée

Développez un balisage sur une ligne avant de rechercher un composant, un lien, un contrôle de formulaire ou une section intégrée.

Préparer un modèle pour la revue

Appliquez une indentation stable afin de comparer la structure sans associer manuellement les balises imbriquées.

Contrôler un fragment HTML copié

Détectez une fermeture absente ou incompatible après une copie depuis une réponse, un éditeur, un message ou un journal.

Questions fréquentes

Que modifie l’embellisseur HTML ?

Il ajoute des sauts de ligne et une indentation de deux espaces selon l’imbrication, puis normalise les espaces du texte ordinaire.

Quelles balises peuvent rester sans fermeture ?

Les éléments vides standard, dont img, input, meta, link, br et hr, n’exigent aucune fermeture. La syntaxe autofermante explicite est également acceptée.

Les attributs et le code intégré sont-ils conservés ?

Oui. Les attributs et valeurs entre guillemets sont respectés, et les contenus de script, style et textarea restent bruts jusqu’à leur fermeture.

S’agit-il d’un validateur complet de la norme HTML ?

Non. Il vérifie l’association des balises et certaines limites lexicales, mais pas toutes les règles documentaires, d’accessibilité ou d’attributs.

Combien coûte une requête API ?

Chaque requête utilise le prix de base publié de $0.002. La version pour navigateur peut s’exécuter localement sans appeler l’API.

Pour les développeurs — accès API

Tout sur cette page est disponible par programmation. Cette section s'adresse aux équipes qui veulent l'intégrer à leurs systèmes ; les autres peuvent simplement utiliser l'outil ci-dessus.

Endpoint

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

Authentification par jeton Bearer : un seul POST met la tâche en file d’attente, et le résultat vous parvient par webhook ou lien signé.

Appeler depuis votre 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)

Exemple de requête

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

Exemple de réponse

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

L’API est asynchrone : chaque appel renvoie un task_id immédiatement, puis vous interrogez l’état à raison d’une requête par seconde.

Tarifs

par requête$0.002

Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.

Erreurs

HTTP	Code	Signification
`401`	`unauthorized`	Clé API absente ou invalide : vérifiez l’en-tête Authorization.
`402`	`insufficient_balance`	Solde insuffisant : rechargez votre compte pour lancer cette tâche.
`404`	`unknown_type`	Type de tâche inconnu : vérifiez le champ type de votre requête.
`429`	`rate_limited`	Trop de requêtes : ralentissez la cadence, puis réessayez.

Consulter la documentation complète du KIT →