Code-Formatierer

HTML, CSS und JavaScript sofort verschönern oder minifizieren — jede Umwandlung läuft im Browser.

bereit
0
Eingabezeichen
0
Ausgabezeichen
0%
Ersparnis (Minify)
0ms
Laufzeit
So arbeitet jeder Formatierer
HTML formatRückt Tags neu ein; bewahrt pre/textarea/script/style-Inhalte, hält Inline-Text kompakt. HTML minifyReduziert Leerraum zwischen Tags, entfernt HTML-Kommentare (bedingte IE bleiben), bewahrt vorformatierten Inhalt. CSS formatSetzt Selektoren auf eigene Zeilen, rückt Deklarationen ein und bewahrt Kommentare. CSS minifyEntfernt Kommentare und unnötigen Leerraum sowie das letzte Semikolon vor jedem }. JS formatMit Prettier 3.3 — dem Industriestandard-Formatierer von Webpack, Vite, Rollup und allen großen Editoren. JS minifyMit Terser 5 — dem JS-Minifier aus Webpack/Vite/Rollup; verkürzt Bezeichner, behält /*! Lizenz */-Kommentare.

Was ist dieser Code-Formatierer?

Dieser kostenlose, browserbasierte Code-Formatierer verschönert und minimiert HTML, CSS und JavaScript sofort mit Prettier und Terser — ohne dass Daten Ihr Gerät verlassen, denn jede Operation läuft in JavaScript auf Ihrem eigenen Rechner.

Wie formatiere ich HTML, CSS oder JavaScript online, ohne es hochzuladen?

Code einfügen, Sprache wählen und Run klicken. Das Tool reformatiert sofort mit Prettiers offiziellen Regeln oder minimiert mit Terser — alles im Browser, ohne Upload.

Wichtige Funktionen

Prettier-Formatierung
Verschönert HTML, CSS, SCSS und JavaScript mit den offiziellen Prettier-Parsern — identisch zur Ausgabe in VS Code.
Terser-Minimierung
Komprimiert JavaScript mit Mangling und Dead-Code-Eliminierung für minimale Produktionsbundles.
Vorschau nebeneinander
Eingabe und Ausgabe sind gleichzeitig sichtbar und lassen sich per Klick tauschen, um mehrere Durchgänge zu fahren.
100% clientseitig
Prettier und Terser werden als ESM-Bundles direkt im Browser geladen. Ihr Code wird nie an einen Server gesendet.

So funktioniert es

Code in das Eingabefeld einfügen oder tippen und HTML, CSS oder JavaScript wählen. Run klicken, um mit Prettier zu formatieren; bei JavaScript optional Minify. Ergebnis kopieren, als Datei herunterladen oder Eingabe/Ausgabe für eine zweite Runde tauschen.

Häufig gestellte Fragen

Unterstützt es moderne Syntax?

Ja. Der JavaScript-Parser ist das neueste Prettier + Terser und versteht ES2024-Features inklusive Optional Chaining, Top-Level await, Klassenfeldern und Stage-3-Pipeline.

Wird mein Code hochgeladen?

Nein. Alles läuft lokal im Browser; die Seite sendet Ihren Quellcode an keinen Server.

Kann ich Einrückungsbreite oder Zeilenlänge anpassen?

Ja. Sie können zwischen 2 Leerzeichen, 4 Leerzeichen und Tab wechseln und Prettiers Standard-Druckbreite überschreiben.

Tooljar verwendet die offiziellen Prettier-Parser (babel, estree, html, postcss) und Terser-Bundles aus npm, sodass die Ausgabe exakt den Referenzimplementierungen entspricht, denen Entwickler in Editor und Build-Pipeline bereits vertrauen.