LocalToolsSammlung offline nutzbarer Browser-Tools

Kategorie: Entwicklung

HTML-Formatierer

Eigene IdeeTool fehlt?

HTML lokal einrücken und schön formatieren, ohne Script- oder Style-Inhalte zu verändern

Füge HTML ein, um verschachtelte Tags neu einzurücken und die Lesbarkeit zu verbessern. Inhalte innerhalb von <script>, <style>, <textarea> und <pre> bleiben unverändert, damit eingebetteter Code und Formatierung nie kaputtgehen. Läuft komplett im Browser.

Formatiert.

Ursprüngliche Größe166 BFormatierte Größe204 B
Formatiertes HTML
<main>
  <!-- LocalTools example -->
  <h1>Offline browser tools</h1>
  <p>
    Everything runs
    <b>on your device</b>
    .
  </p>
  <ul>
    <li>No upload</li>
    <li>No account</li>
  </ul>
</main>

Dies ist ein einfacher Einrücker, kein Validator — er korrigiert keine falsch verschachtelten oder nicht geschlossenen Tags.

Alles auf dieser Seite wird in Ihrem Browser verarbeitet. Nichts wird hochgeladen.

Wozu dieses Werkzeug dient

Ein HTML-Formatierer rückt verschachtelte Elemente neu ein, sodass eine tief verschachtelte Seitenstruktur auch ohne Entwicklertools leicht zu überblicken ist. Dieses Werkzeug ist ein einfacher Einrücker, kein vollständiger Parser: Es erkennt Tags, Kommentare und den Doctype, validiert aber kein Markup und repariert keine falsch verschachtelten Tags.

So funktioniert es

  1. Füge dein HTML in das Eingabefeld ein oder lade das Beispiel.
  2. Wähle 2 oder 4 Leerzeichen Einrückung.
  3. Kopiere das formatierte Ergebnis zurück in dein Projekt.

Datenschutz

Dieses Werkzeug läuft vollständig in Ihrem Browser. Ihre Eingabe wird nie hochgeladen, gespeichert oder weitergegeben – beim Schließen des Tabs ist sie weg.

Häufig gestellte Fragen

Wird mein HTML irgendwohin hochgeladen?
Nein. Das Formatieren erfolgt durch JavaScript in der Seite, sodass dein Markup dein Gerät nie verlässt.
Verändert es den Inhalt in <script>- oder <style>-Tags?
Nein. Eingebettetes JavaScript und CSS werden exakt so kopiert, wie sie geschrieben sind, da eine Umformatierung die Bedeutung ändern könnte.
Repariert es defektes oder falsch verschachteltes HTML?
Nein. Es rückt nur anhand der gefundenen Tags neu ein; es validiert oder repariert kein ungültiges Markup.

Zurück zu allen Werkzeugen