11 Sprachen: JavaScript, TypeScript, JSON, CSS, SCSS, Less, HTML, SQL, YAML, Markdown, GraphQL 13 SQL-Dialekte mit Optionen für die Schreibweise der Schlüsselwörter JS (Terser), CSS, HTML, JSON und SQL minifizieren, mit Größenersparnis Einrückung oder Tabs, Zeilenbreite, Anführungszeichen und Semikolons Ergebnis kopieren oder herunterladen, mit klaren Syntaxfehlern

Code formatieren & minifizieren - JS, TS, CSS, HTML, SQL

Warum Code formatieren und minifizieren?

Beim Formatieren wird Code mit einheitlicher Einrückung, Zeilenumbrüchen und Abständen neu geschrieben, damit er sich leicht lesen, prüfen und vergleichen lässt. Das hilft bei minifizierten Schnipseln, generiertem SQL oder kopierten Konfigurationsdateien. Minifizieren macht das Gegenteil: Leerraum und Kommentare werden entfernt (bei JavaScript kürzt Terser zusätzlich lokale Namen), um die Downloadgröße zu senken. Das Tool nutzt Prettier, den Formatierer der meisten JavaScript-Projekte, und sql-formatter, der die Syntax von MySQL, PostgreSQL, SQL Server, Oracle PL/SQL, BigQuery und weiteren kennt.

Funktionen

• 11 Sprachen: JavaScript, TypeScript, JSON, CSS, SCSS, Less, HTML, SQL, YAML, Markdown, GraphQL
• 13 SQL-Dialekte mit Optionen für die Schreibweise der Schlüsselwörter
• JS (Terser), CSS, HTML, JSON und SQL minifizieren, mit Größenersparnis
• Einrückung oder Tabs, Zeilenbreite, Anführungszeichen und Semikolons
• Ergebnis kopieren oder herunterladen, mit klaren Syntaxfehlern

Ihr Code bleibt lokal

Formatieren und Minifizieren laufen vollständig im Browser. API-Schlüssel, interne Abfragen oder proprietärer Code werden nie hochgeladen.

Prettier + sql-formatter, 100 % clientseitig.

So verwenden Sie: Code-Formatierer

1
Wählen Sie den Sprach-Tab: JavaScript, TypeScript, JSON, CSS, SCSS, Less, HTML, SQL, YAML, Markdown oder GraphQL. Mit Beispiel laden Sie Beispielcode.
2
Fügen Sie Ihren Code ein und stellen Sie die Optionen ein: Einrückung oder Tabs, Zeilenbreite, Anführungszeichen und Semikolons, bei SQL Dialekt und Schreibweise der Schlüsselwörter.
3
Formatieren verschönert den Code mit Prettier oder sql-formatter, Minifizieren verkleinert JavaScript, CSS, HTML, JSON oder SQL. Die Ersparnis steht über der Ausgabe.
4
Kopieren Sie das Ergebnis oder laden Sie es als Datei herunter. Bei einem Syntaxfehler nennt die Meldung Zeile und Spalte.

Praxisbeispiele

Minifizierten Code lesen

Fremde Skripte oder gebündelte Dateien stehen in einer langen Zeile. Formatieren macht die Struktur sichtbar und hilft, die zu debuggende Funktion zu finden.

SQL aus Logs aufräumen

ORMs loggen Abfragen einzeilig. Mit dem Dialekt PostgreSQL oder MySQL formatiert stehen SELECT, JOIN und WHERE in eigenen Zeilen und lassen sich leicht prüfen und optimieren.

Einheitlicher Stil vor dem Commit

Mit denselben Prettier-Regeln wie im Projekt (2 Leerzeichen, 80 Spalten, doppelte Anführungszeichen) bleiben Diffs klein, wenn Sie Code aus einem Chat einfügen.

Schnell minifizieren

Minifizieren Sie ein kleines Skript oder Stylesheet für eine E-Mail-Vorlage, ein CMS-Feld oder ein Inline-<script>, ohne ein Build-Tool einzurichten.

Häufige Fragen

Ändert Formatieren das Verhalten meines Codes?+

Nein. Formatierer ändern nur Leerraum, Zeilenumbrüche und auf Wunsch Anführungszeichen und optionale Semikolons. Terser benennt beim Minifizieren zusätzlich lokale Variablen um, das Verhalten bleibt gleich.

Warum ist Minifizieren bei manchen Sprachen deaktiviert?+

Bei YAML, Markdown, TypeScript oder GraphQL bringt es wenig oder ändert die Bedeutung (YAML hängt von der Einrückung ab). TypeScript wird normalerweise erst zu JavaScript kompiliert und dann minifiziert.

Welchen SQL-Dialekt soll ich wählen?+

Den Ihrer Datenbank. Dialekte unterscheiden sich bei Anführungszeichen, Funktionen und Schlüsselwörtern, etwa Backticks in MySQL oder ::-Casts in PostgreSQL. Der richtige Dialekt vermeidet Fehler.

Wird mein Code an einen Server gesendet?+

Nein. Prettier, sql-formatter und Terser laufen im Browser und werden erst beim Klick geladen, proprietärer Code und Zugangsdaten bleiben auf Ihrem Gerät.