Comment ça marche
Met en forme et réindente les documents HTML pour que la hiérarchie des balises soit claire et cohérente. Idéal pour désimbriquer du balisage minifié, examiner des modèles tiers ou normaliser le style de vos vues.
Outre le type et la taille d'indentation et la fin de ligne, il permet de contrôler la façon dont les attributs sont répartis (par exemple, un par ligne) et la longueur de ligne maximale avant le retour, utile pour les balises avec de nombreux attributs.
Tout s'exécute dans votre navigateur avec js-beautify et respecte le contenu des blocs comme pre et textarea. Il met en forme la présentation ; il ne valide pas le HTML et ne ferme pas les balises manquantes.
Exemples
<ul><li><a href="/a">A</a></li><li>B</li></ul><ul>
<li><a href="/a">A</a></li>
<li>B</li>
</ul>Chaque élément imbriqué passe sur sa propre ligne avec l'indentation correspondante.Cas d'usage
- Désimbriquer et rendre lisible du balisage HTML minifié d'une page.
- Normaliser l'indentation des modèles avant un commit.
- Contrôler l'ajustement des attributs dans les balises avec de nombreuses propriétés.
- Examiner des fragments d'e-mail ou de newsletters avec des tableaux imbriqués.
Questions fréquentes
Que fait l'option d'ajustement des attributs ?
Elle définit comment les attributs d'une balise sont disposés : sur la même ligne, forcés un par ligne ou alignés. Utile quand un élément a beaucoup d'attributs et que vous voulez améliorer la lisibilité.
Le contenu de pre ou textarea est-il cassé ?
Non. Le formateur respecte le contenu des balises comme pre et textarea, où les espaces et les sauts de ligne sont significatifs, et ne les réindente pas.
Valide-t-il ou corrige-t-il le HTML ?
Non. Il ne fait que réorganiser l'indentation et les sauts de ligne. Il ne vérifie pas que les balises sont bien fermées et ne corrige pas les erreurs de balisage.
Mon code est-il envoyé sur un serveur ?
Non. Le formatage se fait entièrement dans votre navigateur ; le HTML ne quitte jamais votre ordinateur.