Formateur HTML
Collez du HTML et récupérez-le réindenté et retourné à la ligne de façon cohérente. Le CSS et le JavaScript intégrés dans les balises style et script sont formatés eux aussi.
À propos de cet outil
Un HTML minifié ou généré par une machine forme un mur de texte impossible à relire. Un formateur reconstruit l'arborescence avec un élément par ligne et une indentation régulière : les erreurs de structure — un div non fermé, une cellule de tableau hors de sa ligne — sautent alors aux yeux. Cet outil s'appuie sur Prettier, le formateur utilisé dans la plupart des projets front-end modernes, la sortie correspond donc à ce que produirait votre éditeur.
Choisissez deux ou quatre espaces ou des tabulations, et une largeur de ligne de 80, 100 ou 120 caractères. Prettier respecte les éléments en ligne sensibles aux espaces : le formatage ne change jamais le rendu de la page. Tout se déroule localement et le formateur est chargé à la première utilisation.
Questions fréquentes
- Pourquoi le formatage a-t-il échoué ?
- Prettier a besoin d'un HTML analysable. Le message d'erreur indique la ligne fautive, en général un chevron isolé ou un guillemet d'attribut non fermé.
- Le CSS et le JavaScript de la page sont-ils formatés ?
- Oui. Les blocs style et script intégrés sont traités par les analyseurs CSS et JavaScript.
- Puis-je formater un gabarit contenant des balises Jinja, Blade ou PHP ?
- La syntaxe de gabarit perturbe souvent l'analyseur. Formatez séparément les parties purement HTML.