HTML-Beautifier & Minifier

Was es tut

Fügen Sie ein Template, eine E-Mail, eine aus dem Browser gespeicherte Seite oder einen einzeiligen HTML-Block aus einem CMS ein und erhalten Sie sauber und einheitlich eingerücktes HTML zurück – oder die kleinste sichere Fassung davon. Die Ausgabe wird während der Eingabe aktualisiert.

Funktionen

• Prettier-Formatierung mit 2 Leerzeichen, 4 Leerzeichen oder Tabulatoren, frei wählbarer Zeilenbreite und einem Attribut pro Zeile für lange Tags.
• Auch eingebetteter Code wird formatiert: <style>- und <script>-Blöcke sowie style=""-Attribute werden mit den CSS- und JavaScript-Druckern aufbereitet. Diese zusätzlichen Parser werden nur geladen, wenn Ihr Dokument sie enthält.
• Leerraum: CSS-display beachten (Standard) fügt nie Leerraum hinzu oder entfernt ihn, wo sich dadurch die Darstellung von Inline-Elementen ändern würde. Streng behandelt jedes Element als Inline-Element, Ignorieren formatiert frei.
• Minimieren entfernt Kommentare (optional; bedingte Kommentare wie <!--[if IE]> bleiben erhalten), fasst Leerraum zu einem Leerzeichen zusammen und entfernt Leerraum neben Block-Elementen wie div, p, li oder td. Der Inhalt von <pre>, <textarea>, <script>, <style> und <title> wird Byte für Byte übernommen, Attributwerte werden nie verändert.
• Präzise Fehler: Ein nicht geschlossenes oder überzähliges schließendes Tag wird mit Zeile und Spalte, einem markierten Codeausschnitt und der Schaltfläche Zum Fehler gemeldet.
• Größe vorher und nachher, Zeilenzahlen und Dauer.

So verwenden Sie es

1. Fügen Sie HTML ein, öffnen Sie eine Datei oder ziehen Sie sie auf die Eingabe. Beispiel lädt eine Beispielseite.
2. Wählen Sie Formatieren oder Minimieren und passen Sie die Optionen an.
3. Kopieren Sie das Ergebnis oder laden Sie es herunter. Ctrl+Enter führt sofort aus; deaktivieren Sie Live bei sehr großen Dateien.

Der Minifier ist bewusst zurückhaltend: Er entfernt weder optionale Tags noch Anführungszeichen um Attribute und schreibt kein Inline-CSS oder -JavaScript um. Wie bei den meisten HTML-Minifiern wird Leerraum neben Block-Elementen auch dann entfernt, wenn Ihr CSS sie zu inline-block macht (etwa eine horizontale li-Liste); dadurch können kleine Abstände zwischen ihnen verschwinden.

Datenschutz

Formatieren und Minimieren laufen in Ihrem Browser; nur die fest versionierten Prettier-Dateien werden von einem CDN geladen. Ihr HTML wird nie hochgeladen. Die letzte Eingabe bleibt im lokalen Speicher, damit ein Neuladen sie nicht löscht. Mit Leeren entfernen Sie sie.