Formateur HTML

Découpe une entrée de type HTML en balises, commentaires, déclarations et texte, puis place les tokens sur des lignes indentées. Les éléments imbriqués non void ajoutent deux espaces par niveau ; les balises void connues et autofermantes n'augmentent pas l'indentation.

Collez le balisage, vérifiez la sortie immédiate et copiez-la. Reset vide l'éditeur sans restaurer l'exemple.

C'est un formateur léger de tokens, pas un parseur, validateur, assainisseur, audit d'accessibilité ou navigateur HTML. Il rogne les bords des tokens de texte et ne répare ni imbrication incorrecte ni balise absente. Les chevrons ou contenus ressemblant à des balises dans script, style, template et les langages intégrés peuvent être mal traités ; leur CSS ou JavaScript n'est pas formaté.

Chaque balise ouvrante reconnue augmente l'indentation de deux espaces et la balise fermante correspondante la réduit ; les éléments void comme `<img>` et `<br>`, ainsi que toute balise écrite avec `/>` en fin, n'augmentent jamais le niveau puisqu'ils ne peuvent pas avoir d'enfants.

En collant `<div><p>Hello</p><img src="a.png"></div>`, on obtient `<div>` sur sa propre ligne, un `<p>Hello</p>` indenté, un `<img src="a.png">` au même niveau car il est void, et un `</div>` fermant revenant au niveau de base.

Affichez le balisage formaté dans un vrai navigateur avant publication, et soyez particulièrement attentif aux éléments en ligne proches de texte ainsi qu'aux blocs script ou style, où un changement d'espace peut altérer l'espacement ou casser du code intégré.

Conservez la source et testez la sortie dans un navigateur, surtout le contenu en ligne sensible aux espaces et le code intégré. Le traitement est local et le balisage n'est pas transféré.