Code Formatter
Fügen Sie unordentlichen oder minifizierten Code ein und erhalten Sie ihn sauber eingerückt zurück – oder schrumpfen Sie ihn für den Produktivbetrieb. Fünfzehn Sprachen, von Prettier in Ihrem Browser formatiert.
- Mit Prettier
- Auch Minify
- 15 Sprachen
- Code bleibt lokal
Optionen
Längere Zeilen werden umbrochen.
So formatieren Sie Code
Einfügen, lesen, kopieren.
- 1
Code einfügen oder Datei ablegen
Die Sprache wird automatisch erkannt; Sie können sie auch aus der Liste wählen.
- 2
Stil anpassen
Einrückung, Zeilenbreite, Anführungszeichen, Semikolons und abschließende Kommas – oder SQL-Dialekt und Schreibweise der Schlüsselwörter.
- 3
Kopieren oder herunterladen
Übernehmen Sie das formatierte Ergebnis oder drücken Sie „Minifizieren“ für die kompakte Fassung.
Ein Formatierer für den ganzen Stack
Dieselbe Engine, die viele Teams im Editor nutzen.
Prettier-Qualität
JavaScript, TypeScript, CSS, HTML, Markdown, YAML und GraphQL formatiert Prettier, der De-facto-Standard unter den Formatierern.
SQL für Ihre Datenbank
Standard-SQL, MySQL, MariaDB, PostgreSQL, SQLite, SQL Server, Oracle, BigQuery, Snowflake und mehr – mit Schlüsselwörtern in der Schreibweise Ihrer Wahl.
Minifizieren für Produktion
Terser komprimiert JavaScript; CSS, HTML, JSON, XML und SQL werden von Kommentaren und überflüssigem Leerraum befreit.
Erkennt die Sprache
Fügen Sie irgendetwas ein – das Tool erkennt JSON, HTML, XML, CSS, SQL, TypeScript, JSX, YAML und mehr oder liest die Dateiendung.
Klare Fehlermeldungen
Ungültiger Code wird nicht verstümmelt: Sie erhalten die Zeile des Syntaxfehlers, ein Klick markiert sie.
Abseits des Hauptthreads
Das Formatieren läuft in einem Hintergrund-Worker, sodass auch große Dateien die Seite nicht einfrieren.
Privat
Alles läuft in Ihrem Browser. Was Sie eingeben oder öffnen, wird nicht an einen Server gesendet.
Kostenlos, ohne Anmeldung
Kein Konto, keine Limits, kein Wasserzeichen – auf Smartphone, Tablet und Computer.
Formatieren, Minifizieren – und warum beides zählt
Formatieren schreibt Code mit einheitlicher Einrückung, Abständen und Zeilenumbrüchen neu, ohne sein Verhalten zu ändern. Es macht minifizierten oder generierten Code lesbar, zeigt die wahre Struktur tief verschachtelter Daten und beendet Stildebatten im Code-Review: Wenn ein Werkzeug entscheidet, wo die Klammern stehen, zeigen Diffs nur echte Änderungen.
Minifizieren ist der umgekehrte Schritt für die Auslieferung: Kommentare, Leerraum und – bei JavaScript – lange Variablennamen werden entfernt, damit weniger Bytes zum Browser wandern. Ein typisches Skript schrumpft schon vor der Kompression um 30–60 %. Behalten Sie den lesbaren Quelltext in der Versionsverwaltung und minifizieren Sie im Build; minifizierter Code ist nicht zum Bearbeiten gedacht.
Dieses Tool formatiert mit Prettier, einem Formatierer mit klaren Vorgaben, der den Code in einen Syntaxbaum zerlegt und von Grund auf neu ausgibt. Deshalb braucht er gültigen Code: Eine fehlende Klammer wird mit Zeilennummer gemeldet, statt geraten zu werden. Die wenigen Optionen – Zeilenbreite, Einrückung, Anführungszeichen, Semikolons, abschließende Kommas – entsprechen denen einer .prettierrc, die Ausgabe sieht also aus wie in Ihrem Projekt.
Unterstützte Sprachen
| Sprache | Formatieren | Minifizieren |
|---|---|---|
| JavaScript, JSX | Ja | JavaScript: ja (Terser) |
| TypeScript, TSX | Ja | Nein – zuerst nach JavaScript kompilieren |
| JSON | Ja | Ja |
| CSS, SCSS, Less | Ja | CSS: ja |
| HTML, Vue, XML, SVG | Ja | HTML und XML: ja |
| SQL, Markdown, YAML, GraphQL | Ja | SQL: ja |
Tipps
- Für JSON mit Baumansicht, Validierung und Reparatur gibt es den eigenen JSON-Formatierer.
- Einen regulären Ausdruck aus Ihrem Code prüfen Sie im Regex-Tester.
- Ein kleines Asset betten Sie mit dem Base64-Encoder als Data-URI in CSS oder HTML ein.
- Strg + Enter formatiert. Die Tab-Taste fügt im Eingabefeld eine Einrückung ein, statt es zu verlassen.
Häufig gestellte Fragen
Keine Antwort gefunden? Schreiben Sie uns – wir antworten schnell.
Wird mein Code auf einen Server hochgeladen?
Nein. Prettier, Terser und der SQL-Formatierer werden in Ihren Browser geladen und laufen dort. Ihr Code verlässt Ihr Gerät nicht – das Tool eignet sich daher auch für proprietären Quelltext.
Warum scheitert das Formatieren mit einem Syntaxfehler?
Der Formatierer muss den Code zuerst parsen. Fehlt eine Klammer, ein Anführungszeichen oder ein Tag, kann er nicht wissen, was gemeint war – er meldet die Zeile, statt Falsches auszugeben. Beheben Sie die Stelle und formatieren Sie erneut.
Ändert das Formatieren das Verhalten meines Codes?
Nein. Es ändern sich nur Leerraum, Zeilenumbrüche, Anführungszeichen und optionale Zeichen wie Semikolons oder abschließende Kommas. Das Programm verhält sich gleich.
Kann ich minifiziertes JavaScript bedenkenlos einsetzen?
Ja. Terser entfernt Leerraum und Kommentare und kürzt lokale Variablennamen, ohne das Verhalten zu ändern. Schalten Sie „Variablennamen kürzen“ aus, wenn andere Skripte auf Namen im globalen Gültigkeitsbereich angewiesen sind.
Welche SQL-Dialekte werden unterstützt?
Standard-SQL, MySQL, MariaDB, PostgreSQL, SQLite, SQL Server (T-SQL), Oracle PL/SQL, BigQuery, Snowflake, Redshift, Spark, DB2, Hive und Trino/Presto.
Wie groß darf die Eingabe sein?
Dateien bis 5 MB lassen sich öffnen. Über 200.000 Zeichen pausiert das Formatieren beim Tippen – drücken Sie dann „Formatieren“. Das Tempo hängt von Ihrem Gerät ab, denn dort geschieht die gesamte Arbeit.
Weitere kostenlose Entwickler-Tools
Kodieren, formatieren, testen, umrechnen und erzeugen – kleine Werkzeuge, die im Browser laufen und Ihre Daten auf Ihrem Gerät lassen.