ToolsMaxxing

HTML, CSS und JS formatieren

Rücke minimierten oder unordentlichen HTML-, CSS- und JavaScript-Code ein und räume ihn auf, damit er wieder lesbar ist.

Deine Dateien bleiben auf deinem Gerät

So funktioniert es

  1. 1Wähle JavaScript, CSS oder HTML.
  2. 2Füge deinen Code ein oder wähle „Beispiel ausprobieren“.
  3. 3Wähle die Einrückung und bei JavaScript Anführungszeichen und Semikolons.
  4. 4Kopiere den formatierten Code oder lade ihn herunter.

Was die Optionen bewirken

Einrückung
Zwei Leerzeichen, vier Leerzeichen oder ein Tab pro Ebene.
Einfache Anführungszeichen
Schreibt JavaScript-Strings wenn möglich mit einfachen Anführungszeichen.
Semikolons
Fügt am Ende von JavaScript-Anweisungen Semikolons hinzu oder lässt sie weg.

Datenschutz

Alles läuft in deinem Browser. Was du einfügst, wird nie an einen Server gesendet.

Häufige Fragen

Welchen Formatierer nutzt das?

Prettier, denselben Formatierer, den viele Projekte beim Speichern ausführen. Seine Regeln sind festgelegt, daher entspricht die Ausgabe dem, was ein mit Prettier formatiertes Projekt mit den gewählten Optionen erzeugen würde.

Ändert das Formatieren, was der Code tut?

Nein. Es ändern sich nur Leerraum, Zeilenumbrüche und bei JavaScript Anführungszeichen und Semikolons. Das Programm verhält sich gleich.

Kann es die ursprünglichen Variablennamen wiederherstellen?

Nein. Minifier werfen die ursprünglichen Namen weg, daher ist eine formatierte Datei leichter lesbar, aber aus a, b und c werden nicht wieder die alten Namen.

Warum zeigt es einen Fehler?

Der Code konnte nicht geparst werden. Die Meldung nennt Zeile und Spalte und einige Zeilen Kontext. Behebe die Stelle, dann erscheint das Ergebnis wieder.

Werden JSX oder TypeScript unterstützt?

JSX in JavaScript wird akzeptiert. TypeScript wird von diesem Tool nicht unterstützt.

Ähnliche Tools