Przejdź do treści
TextArray
100% lokalnie

Formater HTML

Sformatuj HTML z poprawnym wcięciem zagnieżdżeń — zawartość pre, script i style pozostaje nietknięta.

Wejście
Wynik

Formater HTML

Wklej zminifikowany, skopiowany albo po prostu nieczytelny HTML i odbierz go poprawnie wcięty: każdy zagnieżdżony element przesuwa się o wybrane wcięcie (dwie spacje, cztery spacje albo tabulator), elementy puste jak br, img, input, meta i link traktowane są jako niezagnieżdżające, a elementy liniowe jak a, b, em, strong, span i code zostają w wierszu rodzica, ilekroć cały element się tam mieści — krótkie pozycje list i odnośniki pozostają zwarte zamiast rozpadać się na trzy wiersze.

Formater jest celowo wyrozumiały, bo HTML w praktyce bywa wadliwy. Źle sparowane lub niezamknięte znaczniki nigdy nie powodują błędu: zbędny znacznik zamykający jest pomijany, niezamknięty element domyka rodzic, a reszta dokumentu formatuje się najlepiej, jak się da. Zawartość elementów pre, script i style przechodzi dosłownie — preformatowany tekst zachowuje odstępy, a osadzony JavaScript i CSS nigdy nie są przeindentowane.

Dwie opcje porządkowe załatwiają typowy szum. „Usuń puste wiersze między elementami" kasuje puste wiersze nagromadzone przy kopiowaniu z szablonów, a „Scal białe znaki w tekście" zamienia ciągi spacji i złamań wierszy w węzłach tekstowych na pojedynczą spację — nigdy wewnątrz pre, script ani style. Podsumowanie pod wynikiem pokazuje liczbę elementów, wiersze przed i po oraz najgłębszy poziom zagnieżdżenia.

Wszystko działa lokalnie w twojej przeglądarce: strony, szablony ani markup e-maili nigdy nie opuszczają twojego komputera. Wynik skopiuj albo pobierz jako plik .txt.

Częste pytania

Co się dzieje z wadliwym HTML?
Formatuje się mimo to. Zbędny znacznik zamykający jest pomijany, niezamknięty element domyka jego rodzic, a błąd nigdy się nie pojawia — HTML z prawdziwego świata rzadko bywa idealny i formater jest na to przygotowany.
Czy zawartość script, style lub pre zostanie zmieniona?
Nie. Wewnętrzna zawartość elementów pre, script i style przechodzi bajt po bajcie. Preformatowane odstępy oraz osadzony JavaScript i CSS zachowują dokładnie pierwotny układ.
Kiedy elementy liniowe zostają w jednym wierszu?
Elementy liniowe (a, b, i, em, strong, span, code, small, sub, sup) zostają w wierszu rodzica, gdy cały element mieści się w około 80 znakach przy bieżącym wcięciu. Dłuższe elementy łamią się na wcięte wiersze jak elementy blokowe.
Co robi opcja „Scal białe znaki w tekście"?
Ciągi spacji, tabulatorów i złamań wierszy w węzłach tekstowych stają się pojedynczą spacją — tak i tak renderuje je przeglądarka. Zawartość pre, script i style nigdy nie jest scalana.
Czy mój HTML jest gdzieś wysyłany?
Nie. Narzędzie działa wyłącznie w twojej przeglądarce, a twój markup nigdy nie opuszcza twojego urządzenia.