Mode d’emploi
- Collez votre HTML.
- Choisissez HTML ou Vue, l’indentation et la largeur de ligne.
- Cliquez sur « Formater », ou appuyez sur Ctrl+Enter (⌘+Enter sur Mac).
- Copiez le code formaté.
Explication des options
- Largeur de ligne
- Les éléments qui ont beaucoup d’attributs sont répartis avec un attribut par ligne lorsqu’ils dépasseraient cette largeur.
- Vue
- Formate les composants monofichiers .vue — les blocs template, script et style.
Exemples
Modèle d’e-mail. Collez un e-mail HTML tenant sur une seule ligne pour voir sa structure de tableaux indentée.
Code source copié. Formatez le code source d’une page pour retrouver la section qui vous intéresse.
Questions fréquentes
Pourquoi certains textes restent-ils sur une seule ligne ?
En HTML, ajouter des blancs entre des éléments en ligne peut changer l’apparence de la page. Le formateur respecte le display CSS de chaque élément et n’ajoute pas d’espaces qui apparaîtraient à l’écran.
Corrige-t-il le HTML invalide ?
Il ajoute les balises fermantes que le HTML permet d’omettre, comme </li> et </p>. Des balises fermées dans le mauvais ordre provoquent une erreur indiquant la ligne et la colonne, pour que vous puissiez corriger la source.
Mon code est-il envoyé en ligne ?
Non. Tout se passe dans votre navigateur.
Confidentialité
Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers et vos textes sont traités sur votre appareil et ne sont jamais envoyés à nos serveurs.