Puffinmint
DE
Italiano English Español Français Deutsch Português (Brasil) 日本語 한국어 Polski Türkçe

HTML Formatter online

Rücke HTML-Fragmente ein und erhalte Attribute, Text und pre-, script- und style-Blöcke. Prüfe anschließend die Leerzeichen.

Verarbeitung im Browser: Ihre Daten werden nicht hochgeladen.

Daten einstellen

Daten einstellen

Bis 100.000 Zeichen und 10.000 Token. Nur HTML, ohne Validierung oder JSX. Block-Leerraum kann sich ändern.

Ergebnis

Gib die Werte ein, um das Ergebnis zu sehen.

Wir zählen die meistgenutzten Werkzeuge, ohne Eingabewerte oder Dateiinhalte in die Statistik aufzunehmen. Datenschutz

Bedienung

Formatiere eine HTML-Kopie. Attribute sowie pre-, script-, style-, textarea- und title-Blöcke bleiben erhalten; Leerraum zwischen Blöcken wird angepasst. JSX wird nicht umgewandelt und das Dokument nicht validiert.

Eingaben im Beispiel
EingabeErgebnis
<div><p>A <strong>B</strong> C</p></div><div> <p>A <strong>B</strong> C</p> </div>

Methode und Grenzen

Einrückungen ergänzen oder ersetzen Leerraum zwischen Blockelementen. Prüfe CSS white-space. Der Code wird weder validiert noch ausgeführt.

Beispiel

Anwendungsbeispiel

Eingabe
<div><p>A <strong>B</strong> C</p></div>
Ergebnis
<div> <p>A <strong>B</strong> C</p> </div>

In einem Satz mit strong trennen die umgebenden Leerzeichen Wörter. Erhalte sie. Innerhalb von pre müssen Zeilenumbrüche und führende Leerzeichen unverändert bleiben, auch bei eingerücktem Außencontainer.

Welche Grenzen hat dieses Werkzeug?

Bis 100.000 Zeichen und 10.000 Token. Nur HTML, ohne Validierung oder JSX. Block-Leerraum kann sich ändern.

Eingaben und Ergebnisse werden im Browser verarbeitet und nicht an den Server gesendet. Aggregierte Statistiken erfassen, falls aktiviert, nur Werkzeug und Ergebnisstatus, keine Inhalte.

Quellen

PRAKTISCHE RATGEBER

Leerzeichen und Einrückung in HTML

Erfahre, welche Leerzeichen die Darstellung ändern können und was du nach dem Formatieren von HTML prüfen solltest.

Schritt für Schritt

Das könnte dir auch helfen

Alle ansehen

HTML-Entities codieren und decodieren

Codiere HTML-Zeichen und decodiere numerische und benannte Referenzen. Das Ergebnis bleibt Text und führt kein HTML aus.

CSS und JavaScript minimieren

Minimieren Sie CSS- oder JavaScript-Code, vergleichen Sie die Dateigröße vorher und nachher und kopieren Sie das Ergebnis in Ihre Anwendung.

XML-Formatter und Syntaxprüfung

Machen Sie XML mit einheitlicher Einrückung lesbar und finden Sie Syntaxfehler. Kopieren Sie das formatierte Ergebnis oder laden Sie es als Datei herunter.

Favoriten