HTML-Formatierer
HTML einfügen und einheitlich eingerückt und umbrochen zurückbekommen. Inline-CSS und -JavaScript in style- und script-Tags werden mitformatiert.
Über dieses Tool
Minifiziertes oder maschinell erzeugtes HTML ist eine einzige Textwand, die sich unmöglich prüfen lässt. Ein Formatierer baut den Baum mit einem Element pro Zeile und einheitlicher Einrückung neu auf, sodass Strukturfehler — ein nicht geschlossenes div, eine Tabellenzelle außerhalb einer Zeile — sofort ins Auge fallen. Dieses Tool nutzt Prettier, denselben meinungsstarken Formatierer wie die meisten modernen Frontend-Projekte, sodass das Ergebnis genau dem entspricht, was Ihr Editor erzeugen würde.
Wählen Sie zwei oder vier Leerzeichen oder Tabs und eine Zeilenbreite von 80, 100 oder 120 Zeichen. Prettier berücksichtigt Inline-Elemente, bei denen Leerraum relevant ist — die Formatierung ändert also nie, wie die Seite dargestellt wird. Alles läuft lokal; der Formatierer wird bei der ersten Nutzung geladen.
Häufige Fragen
- Warum ist die Formatierung fehlgeschlagen?
- Prettier braucht parsebares HTML. Die Fehlermeldung nennt die betroffene Zeile — meist eine verirrte spitze Klammer oder ein nicht geschlossenes Anführungszeichen in einem Attribut.
- Werden CSS und JavaScript in der Seite mitformatiert?
- Ja. Eingebettete style- und script-Blöcke werden mit den CSS- und JavaScript-Parsern formatiert.
- Kann ich ein Template mit Jinja-, Blade- oder PHP-Tags formatieren?
- Template-Syntax bringt den Parser häufig durcheinander. Formatieren Sie die reinen HTML-Teile separat.