Was kriege ich fuer Python/C++/Go/Rust?

**Die meisten compilten Sprachen kriegen jetzt volle Formatter im Browser** - wir laufen die original CLI-Tools, zu **WebAssembly** compilt: - **Python**: [**Ruff**](https://docs.astral.sh/ruff/formatter/) - Black-kompatibel, gleiches wie `ruff format`. - **C/C++**: das originale [**clang-format**](https://clang.llvm.org/docs/ClangFormat.html) mit **Google**-Style. Gleiche Engine wie VS Codes "Format Document" fuer `.cpp`. - **Java**: auch **clang-format** (Google-Style) - clang-format behandelt Java first-class. - **C#**: **clang-format** mit **Microsoft**-Style (Allman-Braces, 4-Space-Indent). - **Go**: das kanonische [**gofmt**](https://pkg.go.dev/cmd/gofmt) - gleiche Binaer-Ausgabe wie `go fmt`. **Null Optionen** - gofmt erzwingt den One True Style. - **Bash**: [**shfmt**](https://github.com/mvdan/sh). - **PHP**: [**Mago**](https://mago.carthage.software/) - moderner PHP-8.x-Formatter. - **SQL**: [**sql-formatter**] - Keywords UPPERCASE, `JOIN`/`WHERE`/`GROUP BY` eigene Zeilen. - **XML**: [**xml-formatter**] - parsing das DOM, indentet verschachtelte Tags. **Rust, Kotlin, Swift** kriegen unseren **Brace-aware Indenter** - die echten Formatter brauchen die originale Toolchain (Rust/JVM/Swift), waere zigfaches MB Runtime im Browser. **Ruby** geht durch den kosmetischen Pass.

Unterschied zwischen Gentle und Aggressive?

**Gentle** nutzt **Prettier** - schreibt nur um, wenn eine Zeile deine Breite ueberschreitet (Default 100). Ein kurzes `if (x) return;` bleibt einzeilig. Eine Chain `a.b.c.d.e()` wird nur gebrochen, wenn sie das Limit reisst. **Aggressive** nutzt **js-beautify** (nur JS/HTML/CSS) - **alles auf eigener Zeile**. `if (x) return;` wird 3 Zeilen. Jede gechainte Methode eigene Zeile. Jedes HTML-Attribut eigene Zeile. **Wann Aggressive**: minifizierter Production-Code, wenn du **maximale Struktur-Lesbarkeit** willst. **Wann Gentle**: normale Dev-Arbeit, Prettier-Style "bricht nur Ueberbreite" ist Industrie-Standard. **Default-Empfehlung: Gentle** - gleiches Verhalten wie die Prettier-VS-Code-Extension.

Kann ich das wie Prettier aus dem Terminal nutzen?

Meistens. Unter der Haube ist es **Prettier 3+ Standalone** - gleiche Library wie `npx prettier --write`. Gleiche Parser (**babel**, **typescript**, **postcss**, **html**, **json**, **yaml**, **markdown**, **graphql**), gleiche Defaults. **Unterschiede zur CLI**: liest keine `.prettierrc` (Optionen in unserem Settings-Popover), kein `--check`-Flag, keine Community-Plugins (`prettier-plugin-tailwindcss`, `prettier-plugin-sort-imports`). Fuer **99% Einmal-Format-Jobs** identische Ausgabe. Bei echtem Projekt installier Prettier lokal mit `.prettierrc`.

Mein Code ist 5 MB - warum ist der Beautifier lahm?

Prettier (Gentle) hat eine **inhaerente Performance-Grenze** - Dateien **ueber ~500 kB** parsen langsam, ueber **2 MB** koennen **15+ Sekunden** brauchen. Grund: der Parser baut einen **AST** im Speicher, ein AST fuer 5 MB JS sind **hunderttausende Nodes**. **Praktisch**: bei Dateien > 2 MB **Cosmetic-only** - laeuft **linear** und formatiert 50 MB/s. Oder **lokal** Prettier per CLI nutzen. Oder die Datei **splitten** (minifizierter Output -> erst auf `};` splitten, dann Chunks beautifien).

Veraendert es den Code? Ich habe Sorge, ein Beautifier kaputtisiert Logik.

**Veraendert die Logik nicht**, nur **Whitespace** (und Kommas/Quotes, wenn in Settings gewuenscht). Prettier kommt mit **Garantie**: nach Formatieren laeuft Code **identisch**. Was geaendert wird: Spaces, Tabs, Newlines, Semikolons (wo der Parser sie braucht), single double Quotes (wenn gewaehlt), Klammer-Platzierung. **Alles ohne Semantik-Effekt**. Ausnahme: hat dein Code einen **Syntax-Fehler**, fixt der Formatter ihn nicht - gibt **Parse-Fehler** mit Zeile/Spalte. Echtes Prettier macht das auch.

Was macht "Cosmetic-only" genau?

**Das simpelste** der drei - funktioniert auf **jeder** Sprache. Was es macht (ca. 50 Zeilen Code): 1. **Zeilenumbrueche normalisieren**: `CRLF` (Windows) -> `LF` (Unix). 2. **Bestehende Indent-Breite erkennen** im Quellcode. 3. **Indent umschreiben** aufs Ziel (Settings: Tab/2/4 Spaces). Tabs Spaces auch. 4. **Trailing-Whitespace trimmen** (Spaces vor `\n`). 5. **Trailing-Newline** am Dateiende (POSIX-Style). **Was NICHT**: kein Line-Wrapping, kein Semikolon-Einfuegen, keine strukturellen Aenderungen. Paste Python ohne `:` nach `if`, das Tool ruehrt es nicht an. "VS-Code-Style minimal" - sicher fuer **jede** Sprache.

Auto-Detect waehlt aus 26 Sprachen - wie?

Unter der Haube **highlight.js** - eine Library, die **Sprache aus Textmustern raet**. Sie sucht charakteristische Keywords (`def`, `function`, `package main`, ` 50 Zeilen 95%+**. Bei **unter 5 Zeilen** kann es daneben sein. Im Zweifel **manuell waehlen** im Dropdown - ein Tag daneben zeigt das Auto-Detect-Ergebnis.

Code-Beautifier - kostenlos

Code-Beautifier - 26 Sprachen im Browser formatieren, nichts upgeloadet

Du hast Quellcode aus einem Minifier gepastet und er ist eine einzelne Zeile, die ueber den Bildschirm zieht. Oder du hast einen Prettifier aus einer Doku-Seite kopiert und er nutzt Tabs statt der Spaces, die dein Projekt braucht. Oder es ist Code von einem Kollegen, der "keinen Formatter nutzt" und seine eigene Indent-Philosophie hat.

Der Code-Beautifier macht, was VS Codes "Format Document"-Button macht: nimmt haesslichen, gequetschten oder unsauberen Quellcode und gibt ihn schoen formatiert zurueck, mit Syntax-Highlighting rechts.

Er unterstuetzt 26 Sprachen, und 21 davon kriegen echte Formatter - kein blosser Indent-Fix, sondern voller Reformat. JavaScript, TypeScript, JSX, TSX, HTML, CSS, SCSS, LESS, JSON, YAML, Markdown und GraphQL laufen durch Prettier 3+. C/C++/Java/C#: das originale **clang-format** zu WebAssembly compilt - gleiche Engine wie VS Code. Go: das kanonische gofmt, in WASM. Python: **Ruff** (Black-kompatibel, gleiche Engine wie `ruff format` im Terminal). Bash: shfmt in WASM. PHP: **Mago** in WASM. SQL: sql-formatter (UPPERCASE-Keywords, sauber gebrochene JOINs). XML: xml-formatter, respektiert DOM-Struktur. Nur Rust, Kotlin, Swift und Ruby bleiben beim kosmetischen Pass.

Drei Modi fuer drei Beduerfnisse: Gentle nutzt Prettier und bricht Zeilen nur, wenn sie deine Breite ueberschreiten (100 per Default). Aggressive nutzt js-beautify fuer JS/HTML/CSS - jedes Statement eigene Zeile, gechainte Methoden auseinander, alles expandiert. Cosmetic-only ist unsere eigene Implementation - tauscht Tabs <-> Spaces, normalisiert Indent-Breite, trimmt Trailing-Whitespace, normalisiert CRLF -> LF.

Alles laeuft lokal im Browser. Der Code verlaesst die Maschine nie - kein Upload, keine Telemetrie, keine Server-Logs.

So nutzt du das Tool

Sprache waehlen oben links im Dropdown, oder auf Auto lassen - highlight.js raet bei jedem Input-Change. Auto erkennt die 26 unterstuetzten Sprachen.
Modus waehlen: Gentle (Default, bricht nur ueberlange Zeilen), Aggressive (alles eigene Zeile - nur JS/HTML/CSS), Cosmetic-only (Indent + Spaces trimmen, ueberall).
Code pasten links, oder "Upload file" klicken - bis 5 MB. Alle gaengigen Extensions (.js, .py, .go, .rs, .java, ...).
Druck Format. Erster Klick dauert kurz - die Libraries (Prettier, Shiki, highlight.js, js-beautify) laden on-demand. Folgende Klicks sind sofort.
Rechts kriegst du eine Syntax-highlighted Vorschau (via Shiki - gleiche TextMate-Grammars wie VS Code). Kopieren, Datei runterladen oder In neuem Tab oeffnen.
Es gibt ein Zahnrad (Settings): Indent-Breite (Tab/2/4 Spaces), Max-Zeilenlaenge (80/100/120), Quotes (single/double), Semicolons (an/aus), Trailing-Commas (all/es5/none).
Die meisten Sprachen kriegen jetzt einen vollen Reformat im Browser: C/C++/Java/C# via clang-format, Go via gofmt, Python via Ruff, Bash via shfmt, PHP via Mago. Volle Formatter lazy-loaden beim ersten Klick (~80-300 kB WASM, danach gecached). Rust, Kotlin, Swift, Ruby kriegen das gelbe Info-Banner und Cosmetic-only.
Hat dein Code einen Syntax-Fehler (z.B. nicht-geschlossene Klammer), zeigt das rechte Panel die exakte Fehlermeldung mit Zeile und Spalte.

Wann das nuetzlich ist

Sechs Situationen, in denen der Code-Formatter Handarbeit spart:

Minified Production-Datei lesbar machen. Du hast DevTools offen, `app.min.js` gefunden, eine Zeile meilenlang. Paste, Aggressive, du kriegst lesbaren Quellcode - nicht das Original (Variablen bleiben `_a`, `_b`), aber die Struktur ist sichtbar.
Kollegen-PR aufraeumen. Code "funktioniert", aber 6-Space-Indents, Tabs mit Spaces gemischt, 4 Leerzeilen zwischen Funktionen. Gentle + 2 Spaces + Prettier = Code-Review schreit nicht mehr ueber Whitespace.
Tabs zu Spaces umstellen (oder zurueck). Deine `.editorconfig` sagt 2 Spaces, aber der Praktikant nutzt Tabs. Cosmetic-only + 2 Spaces macht die Konvertierung in einem Klick, ohne Struktur anzufassen.
JSON oder YAML pruefen. Du hast GitHub Actions YAML gepastet und CI schreit. Paste, Gentle, Prettier gibt den Fehler mit Zeile und Spalte. Schneller als YAML-Spec lesen.
Beautifier fuer Code aus einem PDF. Du hast ein Beispiel aus einem Doku-PDF abgeschrieben und Pasten hat Indent verloren. Paste, Gentle, Prettier rekonstruiert Struktur aus Semikolons und Klammern.
CRLF -> LF auf Windows. Eine Windows-Datei auf Mac/Linux geoeffnet hat `^M` am Zeilenende, git noergelt. Cosmetic-only normalisiert auf LF.

Fragen und Antworten

Nein, alles laeuft im Browser. Beim ersten "Format"-Klick laden wir die Libraries (Prettier, Shiki, highlight.js, js-beautify) - das sind JavaScript-Dateien, einmal gefetcht und vom Browser gecached. Dein Code geht nirgendwohin - nicht zu uns, nicht zu GitHub, nirgendwo. Du kannst nach dem ersten Format WLAN trennen und das Tool laeuft weiter. Keine Server-Logs, keine Telemetrie. Bei sensiblen Daten (Production-Keys, Kundendaten in Tests) sicher zu pasten.

Code-Beautifier - 26 Sprachen im Browser formatieren, nichts upgeloadet

Alles laeuft lokal im Browser. Der Code verlaesst die Maschine nie - kein Upload, keine Telemetrie, keine Server-Logs.

So nutzt du das Tool

Sprache waehlen oben links im Dropdown, oder auf Auto lassen - highlight.js raet bei jedem Input-Change. Auto erkennt die 26 unterstuetzten Sprachen.

Modus waehlen: Gentle (Default, bricht nur ueberlange Zeilen), Aggressive (alles eigene Zeile - nur JS/HTML/CSS), Cosmetic-only (Indent + Spaces trimmen, ueberall).

Code pasten links, oder "Upload file" klicken - bis 5 MB. Alle gaengigen Extensions (.js, .py, .go, .rs, .java, ...).

Druck Format. Erster Klick dauert kurz - die Libraries (Prettier, Shiki, highlight.js, js-beautify) laden on-demand. Folgende Klicks sind sofort.

Rechts kriegst du eine Syntax-highlighted Vorschau (via Shiki - gleiche TextMate-Grammars wie VS Code). Kopieren, Datei runterladen oder In neuem Tab oeffnen.

Es gibt ein Zahnrad (Settings): Indent-Breite (Tab/2/4 Spaces), Max-Zeilenlaenge (80/100/120), Quotes (single/double), Semicolons (an/aus), Trailing-Commas (all/es5/none).

Die meisten Sprachen kriegen jetzt einen vollen Reformat im Browser: C/C++/Java/C# via clang-format, Go via gofmt, Python via Ruff, Bash via shfmt, PHP via Mago. Volle Formatter lazy-loaden beim ersten Klick (~80-300 kB WASM, danach gecached). Rust, Kotlin, Swift, Ruby kriegen das gelbe Info-Banner und Cosmetic-only.

Hat dein Code einen Syntax-Fehler (z.B. nicht-geschlossene Klammer), zeigt das rechte Panel die exakte Fehlermeldung mit Zeile und Spalte.

Wann das nuetzlich ist

Sechs Situationen, in denen der Code-Formatter Handarbeit spart:

Minified Production-Datei lesbar machen. Du hast DevTools offen, `app.min.js` gefunden, eine Zeile meilenlang. Paste, Aggressive, du kriegst lesbaren Quellcode - nicht das Original (Variablen bleiben `_a`, `_b`), aber die Struktur ist sichtbar.
Kollegen-PR aufraeumen. Code "funktioniert", aber 6-Space-Indents, Tabs mit Spaces gemischt, 4 Leerzeilen zwischen Funktionen. Gentle + 2 Spaces + Prettier = Code-Review schreit nicht mehr ueber Whitespace.
Tabs zu Spaces umstellen (oder zurueck). Deine `.editorconfig` sagt 2 Spaces, aber der Praktikant nutzt Tabs. Cosmetic-only + 2 Spaces macht die Konvertierung in einem Klick, ohne Struktur anzufassen.
JSON oder YAML pruefen. Du hast GitHub Actions YAML gepastet und CI schreit. Paste, Gentle, Prettier gibt den Fehler mit Zeile und Spalte. Schneller als YAML-Spec lesen.
Beautifier fuer Code aus einem PDF. Du hast ein Beispiel aus einem Doku-PDF abgeschrieben und Pasten hat Indent verloren. Paste, Gentle, Prettier rekonstruiert Struktur aus Semikolons und Klammern.
CRLF -> LF auf Windows. Eine Windows-Datei auf Mac/Linux geoeffnet hat `^M` am Zeilenende, git noergelt. Cosmetic-only normalisiert auf LF.

Fragen und Antworten

Code-Beautifier

Beautifier für eine bestimmte Sprache

Code-Beautifier - 26 Sprachen im Browser formatieren, nichts upgeloadet

So nutzt du das Tool

Wann das nuetzlich ist

Fragen und Antworten

Passende Tools

JSON-Formatter

SQL-Formatter

HTML zu JSX Konverter

SVG-Optimierer

Code-Beautifier

Beautifier für eine bestimmte Sprache

Code-Beautifier - 26 Sprachen im Browser formatieren, nichts upgeloadet

So nutzt du das Tool

Wann das nuetzlich ist

Fragen und Antworten

Passende Tools

JSON-Formatter

SQL-Formatter

HTML zu JSX Konverter

SVG-Optimierer