So funktioniert es
- Fügen Sie Ihr HTML ein.
- Wählen Sie HTML oder Vue, die Einrückung und die Zeilenbreite.
- Klicken Sie auf „Formatieren“ oder drücken Sie Strg+Enter (⌘+Enter auf dem Mac).
- Kopieren Sie das formatierte Markup.
Optionen erklärt
- Zeilenbreite
- Elemente mit vielen Attributen werden mit einem Attribut pro Zeile umgebrochen, wenn sie diese Breite überschreiten würden.
- Vue
- Formatiert .vue-Single-File-Components – die template-, script- und style-Blöcke.
Beispiele
E-Mail-Vorlage. Fügen Sie eine einzeilige HTML-E-Mail ein, um ihre Tabellenstruktur eingerückt zu sehen.
Kopierter Seitenquelltext. Formatieren Sie den Quelltext einer Seite, um den gesuchten Abschnitt zu finden.
Häufig gestellte Fragen
Warum bleibt mancher Text in einer Zeile?
In HTML kann zusätzlicher Leerraum zwischen Inline-Elementen das Aussehen der Seite verändern. Der Formatter berücksichtigt die CSS-Eigenschaft display jedes Elements und fügt keine Leerzeichen ein, die auf dem Bildschirm sichtbar würden.
Repariert das Tool ungültiges HTML?
Es ergänzt schließende Tags, die HTML weglassen darf, etwa </li> und </p>. Tags, die in falscher Reihenfolge geschlossen werden, führen zu einem Fehler mit Zeilen- und Spaltenangabe, damit Sie sie an der Quelle korrigieren können.
Wird mein Code hochgeladen?
Nein. Alles läuft in Ihrem Browser.
Datenschutz
Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien und Texte werden auf Ihrem Gerät verarbeitet und nie auf unsere Server hochgeladen.