So funktioniert es
Ordnet und rückt HTML-Dokumente neu ein, damit die Tag-Hierarchie klar und konsistent ist. Ideal, um minifiziertes Markup zu entschachteln, fremde Vorlagen zu prüfen oder den Stil deiner Views zu vereinheitlichen.
Neben Einrückungsart und -größe und dem Zeilenende kannst du steuern, wie Attribute umgebrochen werden (zum Beispiel eines pro Zeile) und die maximale Zeilenlänge vor dem Umbruch – nützlich bei Tags mit vielen Attributen.
Alles läuft in deinem Browser mit js-beautify und respektiert den Inhalt von Blöcken wie pre und textarea. Es formatiert die Darstellung; es validiert das HTML nicht und schließt keine fehlenden Tags.
Beispiele
<ul><li><a href="/a">A</a></li><li>B</li></ul><ul>
<li><a href="/a">A</a></li>
<li>B</li>
</ul>Jedes verschachtelte Element kommt mit der entsprechenden Einrückung in eine eigene Zeile.Anwendungsfälle
- Minifiziertes HTML-Markup einer Seite entschachteln und lesbar machen.
- Die Einrückung von Vorlagen vor einem Commit vereinheitlichen.
- Den Attributumbruch in Tags mit vielen Eigenschaften steuern.
- E-Mail- oder Newsletter-Fragmente mit verschachtelten Tabellen prüfen.
Häufige Fragen
Was macht die Option zum Attributumbruch?
Sie legt fest, wie die Attribute eines Tags angeordnet werden: in derselben Zeile, erzwungen eines pro Zeile oder ausgerichtet. Nützlich, wenn ein Element viele Attribute hat und du die Lesbarkeit verbessern willst.
Wird der Inhalt von pre oder textarea beschädigt?
Nein. Der Formatierer respektiert den Inhalt von Tags wie pre und textarea, wo Leerzeichen und Zeilenumbrüche bedeutsam sind, und rückt sie nicht neu ein.
Validiert oder korrigiert es das HTML?
Nein. Es ordnet nur die Einrückung und Zeilenumbrüche neu an. Es prüft nicht, ob Tags richtig geschlossen sind, und behebt keine Markup-Fehler.
Wird mein Code auf einen Server hochgeladen?
Nein. Die Formatierung erfolgt vollständig in deinem Browser; der HTML verlässt deinen Computer nie.