Was Code formatieren ist

Zusammengedrückter Code wird hier wieder lesbar: Einrückung und Zeilenumbrüche entstehen neu.

Funktionsumfang

• Unterstützt werden JSON, HTML, CSS und JavaScript
• Der JSON-Modus prüft streng und meldet die Position eines Syntaxfehlers
• Ausgegeben wird mit zwei Leerzeichen Einrückung, geeignet zum Übernehmen in den Editor
• Verarbeitet wird lokal, interne Schnittstellendaten und Code gehen nicht nach außen

Typische Anwendungen: Eine einzeilig gelieferte JSON-Antwort lesbar machen, Aus einem Archiv oder einer Netzwerkaufzeichnung ausgegebenes HTML formatieren, Kurz kopierte CSS- und Skriptabschnitte ordnen.

Bedienung

1. Den Code einfügen und in der Auswahl die passende Sprache wählen
2. Für JSON-Daten den JSON-Modus wählen – dort ist das Ergebnis am genauesten und die Prüfung inbegriffen
3. Entspricht die Einrückung nicht der Erwartung, enthält der Code vermutlich Vorlagenzeichenketten oder reguläre Ausdrücke; dann ist eine Erweiterung im Editor die bessere Wahl
4. Das Ergebnis in den Editor übernehmen; gespeichert wird hier nichts

Unterstützte Fälle

Der JSON-Modus ist eine echte Syntaxanalyse und daher am genauesten. Die drei Modi für HTML, CSS und JavaScript folgen allgemeinen Regeln zu Zeilenumbrüchen und Klammertiefe und sind keine vollständigen Parser: Einzeilig zusammengedrückter Code sowie Code mit Vorlagenzeichenketten oder regulären Ausdrücken kann unbefriedigend eingerückt werden, und Zeilenumbrüche werden nicht optimiert. Eine Prüfung oder Reparatur des Codes findet nicht statt – lassen Sie formatierten Code vor dem Absenden einmal durch die Tests laufen.

Nachgefragt

Was tun bei einem JSON-Syntaxfehler?Die Meldung nennt die ungefähre Stelle, an der das Auswerten scheitert. Häufige Ursachen sind ein überzähliges Komma am Ende, einfache Anführungszeichen oder Schlüssel ohne Anführungszeichen.

Warum sieht formatiertes JS nicht gut aus?Die Modi für HTML, CSS und JS arbeiten mit Einrückungsregeln und nicht mit einem Syntaxbaum; bei Vorlagenzeichenketten und regulären Ausdrücken kann das danebengreifen. Für komplizierten Code nutzen Sie besser ein Editor-Plugin.

Ändert sich die Logik meines Codes?Geändert werden nur Leerraum und Umbrüche, kein Zeichen des Inhalts – vorausgesetzt, die gewählte Sprache stimmt. Eine falsche Sprache kann den Leerraum innerhalb von Zeichenketten beschädigen.

Wird der Code hochgeladen?Nein, formatiert wird vollständig lokal im Browser.

Verwandte Werkzeuge

Was sich mit Code formatieren sinnvoll ergänzen lässt: