HTML-Formatierer

Formatiere HTML mit lesbarer Einrückung und kontrollierten Abständen.

Frontend und Design
Dein Arbeitsbereich wird vorbereitet…
Eingabe
Ausgabe
Dein Ergebnis erscheint hier.

Anleitung

  1. Füge Text ein, öffne eine UTF-8-Datei oder nutze das Beispiel.
  2. Wähle Eingabe und Optionen, starte das Tool oder aktiviere den automatischen Lauf.
  3. Prüfe das Ergebnis und kopiere oder lade es herunter. Eingabeänderungen machen das vorige Ergebnis ungültig.

HTML-Formatierer

Formatiere HTML mit lesbarer Einrückung und kontrollierten Abständen.

Die Verarbeitung läuft im Browser. Deine Eingabe wird nicht an DevToolsy gesendet.

So funktioniert es

Prettier formatiert HTML als Quelltext. Markup wird nicht gerendert und Skripte werden nicht ausgeführt. Eingebetteter script- und style-Code bleibt unformatiert.

Vorher und nachher
Eingabe
<main><h1>Project notes</h1><p>Built with <strong>care</strong> for the web.</p><ul><li>Fast</li><li>Local</li></ul></main>
Ausgabe
<main>
  <h1>Project notes</h1>
  <p>Built with <strong>care</strong> for the web.</p>
  <ul>
    <li>Fast</li>
    <li>Local</li>
  </ul>
</main>

Formatiere HTML mit lesbarer Einrückung und kontrollierten Abständen.

Optionen und Datentreue

Wähle CSS-bezogene, strikte oder ignorierte Leerzeichen sowie Einrückung und Zeilenbreite. CSS ist der Standard; Ignorieren kann sichtbare Abstände ändern.

Mit dem Ergebnis arbeiten

Formatieren prüft weder Semantik noch Barrierefreiheit oder gefährliches Markup. Prüfe das Ergebnis im Projekt mit geeigneten Validatoren.

Prüfe das Ergebnis und kopiere oder lade es herunter. Eingabeänderungen machen das vorige Ergebnis ungültig.

Verarbeitungsgrenzen

UTF-8-Eingabe bis 1 MiB je Dokument, Ausgabe bis 8 MiB. JSONPath und Schema: 5 Sekunden; sonst 30 Sekunden.

Weiterführende InformationenPrettier HTML whitespace
?

Häufige Fragen

Wird das HTML gerendert oder ausgeführt?

Prettier formatiert HTML als Quelltext. Markup wird nicht gerendert und Skripte werden nicht ausgeführt. Eingebetteter script- und style-Code bleibt unformatiert.

Wie bleiben wichtige Leerzeichen erhalten?

Wähle CSS-bezogene, strikte oder ignorierte Leerzeichen sowie Einrückung und Zeilenbreite. CSS ist der Standard; Ignorieren kann sichtbare Abstände ändern.

Werden Barrierefreiheit und Sicherheit geprüft?

Nein. Formatieren prüft weder Semantik noch Barrierefreiheit oder gefährliches Markup. Prüfe das Ergebnis im Projekt mit geeigneten Validatoren.

Wird meine Eingabe hochgeladen?

Die Verarbeitung läuft im Browser. Deine Eingabe wird nicht an DevToolsy gesendet.

Kann ich lokale Dateien öffnen?

UTF-8-Eingabe bis 1 MiB · Ausgabe bis 8 MiB

Finde dein nächstes Tool

Sprache

Sprache wechseln? Deine aktuelle Arbeit wird gelöscht. Kopiere oder lade benötigte Daten zuerst herunter.