Un souci avec cet outil ?

À propos de « Embellisseur HTML Ligne Par Ligne En Ligne »

Cet outil prend n'importe quel HTML — minifié, brouillon ou simplement désordonné — et produit une sortie propre, bien indentée et correctement espacée. Chaque balise sur sa ligne quand c'est utile, attributs alignés, indentation reflétant la profondeur d'imbrication.

Pratique pour comprendre du HTML de prod compressé, présenter du balisage dans une doc/tuto, nettoyer un HTML généré avant un commit Git, ou uniformiser au sein d'une équipe.

Gère les balises auto-fermantes, inline vs bloc, le contenu préformaté (<pre>, <textarea>, <script>), et les nouveautés HTML5. Style d'indentation (espaces/tabs) et largeur configurables.

Comment utiliser cet outil

Embellir un HTML compressé ou collé sur une ligne

  1. Coller le HTML

    HTML minifié ou sur une seule ligne dans « HTML ». Documents complets (avec `<!doctype>`) et fragments acceptés ; les commentaires et le contenu inline de `<script>` / `<style>` passent inchangés.

  2. Exécuter

    Résultat : champ unique `formatted` — indentation 2 espaces, une balise par ligne aux ruptures structurelles, attributs sur la même ligne que leur balise. Les lignes longues ne sont pas coupées automatiquement — sélecteurs dans `class` et valeurs `srcset` restent intacts.

  3. Différence avec `html-formatter`

    Fonctionnellement interchangeables. Celui-ci est nommé pour ceux qui cherchent « HTML beautifier » ; prenez le plus naturel pour vous, la sortie est identique.

  4. Après le beautify

    Pour le HTML de production, repassez le résultat dans un minifier (ex. htmlmin dans votre chaîne de build). La forme beautifiée sert à la lecture et au code review, pas à l’envoi en clair.