Code-Formatierer & Minifizierer

Was ist Code-Formatierer & Minifizierer?

Ein kostenloser Online-Code-Formatierer und -Minifizierer, der HTML, CSS und JavaScript verschönert oder minifiziert, ohne jemals deinen Browser zu verlassen. Wähle die Sprache und dann „Verschönern“, um unordentlichen oder einzeiligen Quellcode mit 2-Leerzeichen-, 4-Leerzeichen- oder Tab-Einrückung neu einzurücken, oder „Minifizieren“, um ihn zu komprimieren. Das Verschönern wird von js-beautify übernommen; die JavaScript-Minifizierung nutzt Terser, um Namen zu kürzen und die Größe zu reduzieren, während CSS und HTML durch das Entfernen von Kommentaren und das Zusammenfassen überflüssigen Leerraums verdichtet werden. Webentwickler nutzen es, um minifizierten Fremdcode lesbar aufzuräumen, Stylesheets und Skripte vor dem Deployment zu verkleinern und aus der Build-Ausgabe kopierte Schnipsel zu bereinigen.

So verwendest du Code-Formatierer & Minifizierer

1. Wähle die Sprache deines Quellcodes: HTML, CSS oder JS.
2. Wähle die Aktion: Verschönern zum Formatieren oder Minifizieren zum Komprimieren.
3. Für das Verschönern wähle die Einrückung: 2 Leerzeichen, 4 Leerzeichen oder Tab.
4. Füge deinen Code in das Eingabefeld ein oder tippe ihn ein – die Ausgabe aktualisiert sich automatisch.
5. Nutze die Kopieren-Schaltfläche, um das Ergebnis zu übernehmen, oder klicke auf Leeren, um die Eingabe zu löschen und neu zu beginnen.

Beispiele

a{color:red;font-weight:bold}

a {
  color: red;
  font-weight: bold
}

function add(first, second) {
  return first + second;
}

function add(n,d){return n+d}

<ul>
  <li>One</li>
  <li>Two</li>
</ul>

<ul><li>One</li><li>Two</li></ul>

Häufig gestellte Fragen

Wird mein Code auf einen Server hochgeladen?

Nein. Verschönern und Minifizieren geschehen ausschließlich lokal in deinem Browser – js-beautify und Terser werden als Skripte geladen und laufen auf deinem Gerät. Dein Code verlässt deinen Rechner nie, und das Tool funktioniert auch offline weiter.

Welche Sprachen und Aktionen werden unterstützt?

Drei Sprachen – HTML, CSS und JavaScript – jeweils mit zwei Aktionen: Verschönern (mit der gewählten Einrückung formatieren) und Minifizieren (komprimieren). JavaScript wird mit Terser minifiziert, während CSS und HTML durch das Entfernen von Kommentaren und das Zusammenfassen von Leerraum verdichtet werden.

Welche Einrückung kann ich wählen?

Beim Verschönern kannst du mit 2 Leerzeichen, 4 Leerzeichen oder einem Tab-Zeichen neu einrücken. Die Einrückung gilt nur für das Verschönern; das Minifizieren entfernt Leerraum und ignoriert diese Einstellung.

Warum wurde beim Minifizieren meines JavaScript ein Fehler angezeigt?

Terser parst dein JavaScript vor dem Minifizieren, daher stoppt ein Syntaxfehler den Vorgang und die Meldung wird über der Ausgabe angezeigt. Behebe die genannte Stelle – oft eine nicht geschlossene Klammer, Zeichenkette oder ein verirrtes Token – und das Ergebnis wird automatisch neu erstellt.

Aktualisiert sich die Ausgabe von selbst?

Ja. Das Ergebnis wird jedes Mal neu erstellt, wenn du Eingabe, Sprache, Aktion oder Einrückung änderst, sodass du nie eine Schaltfläche drücken musst, um zu formatieren – kopiere einfach die Ausgabe, wenn sie passt.