So nutzen Sie es

Vier Schritte: einfügen, ausführen, prüfen, kopieren. Alles bleibt im Browser.

Eingabe einfügen

CSS, HTML, JSON oder anderen Text einfügen. Nichts wird hochgeladen.

Tool ausführen

Auf Konvertieren oder Ausführen klicken. Das Ergebnis erscheint sofort.

Ausgabe prüfen

Generierten Code und Hinweise prüfen, bevor Sie ihn übernehmen.

Kopieren und nutzen

Ausgabe kopieren und in Ihr Projekt einfügen.

Über dieses Tool

Das Werkzeug entfernt unnötige Leerzeichen und Zeilenumbrüche aus HTML – gut für kleinere Snippets oder einen schnellen Größenvergleich. Bei pre-Blöcken und Inline-JavaScript ist Whitespace bedeutsam; ganze Seiten sollten beim Build minifiziert werden.

Beispiel

Das Beispiel ist eine eingerückte Karte, die auf eine Zeile schrumpft.

Eingabe

<div class="card">
  <h2>Title</h2>
  <p>Body copy</p>
</div>

Ausgabe

<div class="card"><h2>Title</h2><p>Body copy</p></div>

Tipp

Überlassen Sie ganze Seiten dem Build-Tool, das den Kontext jedes einzelnen Tags kennt.