Mon HTML est-il envoyé à un serveur ?

Non. Le formatage s'exécute entièrement dans votre navigateur au moyen de la bibliothèque js-beautify. Un balisage contenant des données clients, des identifiants de suivi ou des pages non publiées ne quitte jamais votre machine.

Le formatage change-t-il le rendu de la page ?

Presque jamais, mais pas absolument jamais. Les navigateurs réduisent l'essentiel des espaces en HTML, si bien que ré-indenter est sans risque pour un balisage courant. Les contextes sensibles aux espaces — éléments en ligne séparés par une espace, contenu de pre ou de textarea — peuvent être affectés par n'importe quel reformateur ; comparez la sortie pour ces pages.

Quels sont les réglages de formatage ?

Des valeurs fixes : indentation de deux espaces, aucun repli forcé des lignes (les lignes longues restent longues) et conservation des lignes vides existantes entre les blocs.

Formateur HTML

Présentation

Cet outil met en forme le HTML avec js-beautify, le moteur qui équipe aussi de nombreuses extensions d’éditeur. Les éléments imbriqués sont indentés de deux espaces par niveau, les balises placées sur des lignes sensées, et les lignes vides que vous aviez déjà sont conservées. Il ne replie pas les lignes longues, donc les balises chargées d’attributs restent intactes. Utile pour lire une source de page minifiée, remettre au propre la sortie d’un CMS ou d’un gabarit de courriel, et normaliser un balisage avant un diff de revue de code.

Utilisation

Collez votre balisage dans le champ HTML — une saisie minifiée ou sur une seule ligne convient.
Le résultat embelli apparaît instantanément dans le champ Formatted, au fil de la saisie.
Copiez la sortie depuis le champ en lecture seule.

Exemples

<div><p>hello</p><span>world</span></div> →

<div>
  <p>hello</p>
  <span>world</span>
</div>

Remarques

C’est un formateur, pas un validateur : les balises non fermées ou mal imbriquées sont indentées au mieux, sans avertissement. Les blocs <script> et <style> intégrés sont indentés avec le document. Pour du HTML sensible aux espaces (mises en page en inline-block, contenu de <pre>), vérifiez le rendu après formatage.