Formateur HTML
Transformez du HTML minifié ou mal indenté en un balisage propre et correctement indenté.
Comment utiliser Formateur HTML
- Collez votre HTML à gauche.
- La version mise en forme apparaît à droite.
- Copiez le HTML propre.
À propos de Formateur HTML
Le Formateur HTML reprend un balisage désordonné, incohérent ou minifié et le réécrit sous forme de HTML propre et correctement indenté. Collez votre code source à gauche et la version mise en forme apparaît à droite, chaque élément imbriqué étant placé sur sa propre ligne et indenté selon sa profondeur. Des modèles écrits sur une seule ligne et des sorties générées automatiquement deviennent soudain lisibles et faciles à relire.
En coulisses, l'outil utilise js-beautify, la même bibliothèque de mise en forme reconnue, intégrée à de nombreux éditeurs de code et IDE populaires. Les règles d'indentation sont donc éprouvées et prévisibles plutôt qu'une approximation maison, si bien que le résultat correspond à ce que les développeurs ont l'habitude de voir dans leurs outils.
La mise en forme s'effectue entièrement dans votre navigateur, votre balisage n'est donc jamais envoyé sur un serveur. Une fois le résultat satisfaisant, copiez le HTML propre dans votre projet. Au moment de le mettre en production, le Minifieur HTML le compresse à nouveau, et pour les styles et scripts qui accompagnent votre balisage, essayez le Formateur CSS.
Questions fréquentes
Quelle bibliothèque utilise le formateur ?
Il utilise js-beautify, la même bibliothèque de mise en forme largement adoptée et intégrée à de nombreux éditeurs de code et IDE. Ses règles d'indentation sont bien établies et prévisibles, plutôt qu'une implémentation maison unique.
La mise en forme change-t-elle le comportement de ma page ?
Non. Elle ne fait qu'ajouter des espaces et des sauts de ligne pour rendre le balisage lisible. Les éléments, attributs et contenus restent inchangés, donc la page rendue se comporte exactement comme avant.
Peut-il nettoyer du HTML minifié ?
Oui. C'est un cas d'usage central. Collez un document compressé sur une seule ligne et il est réindenté en une structure imbriquée claire, que vous pouvez lire et modifier confortablement.
Mon HTML est-il envoyé à un serveur ?
Non. Toute la mise en forme se fait dans votre navigateur, rien de ce que vous collez ne quitte donc la page. Cela le rend sûr pour des modèles internes ou un balisage non publié.
Comment recompresser le HTML ensuite ?
Une fois vos modifications terminées, passez le résultat dans le Minifieur HTML pour supprimer les commentaires et les espaces en vue de la production, ce qui inverse le compromis de lisibilité de la mise en forme.