Formatowanie HTML online

Wcinaj fragmenty HTML, zachowując atrybuty, tekst i bloki pre, script oraz style. Skopiuj kod i sprawdź białe znaki.

Przetwarzanie w przeglądarce: dane nie są przesyłane.

Ustaw dane

Ustaw dane

Do 100 000 znaków i 10 000 tokenów. Tylko HTML, bez walidacji i JSX. Białe znaki między blokami mogą się zmienić.

Wynik

Wprowadź dane, aby zobaczyć wynik.

Liczymy użycie narzędzi bez wprowadzonych wartości i zawartości plików w statystykach. Prywatność

Jak korzystać

Pracuj na kopii HTML. Atrybuty oraz pre, script, style, textarea i title zostają zachowane; zmieniają się białe znaki między blokami. Narzędzie nie konwertuje JSX ani nie waliduje dokumentu.

Dane przykładu
Dane wejścioweWynik
<div><p>A <strong>B</strong> C</p></div><div> <p>A <strong>B</strong> C</p> </div>

Metoda i ograniczenia

Wcięcia dodają lub zastępują białe znaki między blokami. Sprawdź wygląd z CSS white-space. Kod nie jest walidowany ani wykonywany.

Przykład

Przykład zastosowania

Dane wejściowe
<div><p>A <strong>B</strong> C</p></div>
Wynik
<div> <p>A <strong>B</strong> C</p> </div>

W zdaniu z elementem strong otaczające spacje rozdzielają słowa, więc je zachowaj. W pre nie zmieniaj nowych linii i początkowych spacji, nawet przy wcięciu kontenera.

Jakie ograniczenia ma to narzędzie?

Do 100 000 znaków i 10 000 tokenów. Tylko HTML, bez walidacji i JSX. Białe znaki między blokami mogą się zmienić.

Dane i wyniki są przetwarzane w przeglądarce i nie są wysyłane na serwer. Statystyki zbiorcze, jeśli są włączone, zapisują tylko narzędzie i status operacji, bez treści.

Źródła

PRAKTYCZNE PORADNIKI

Spacje i wcięcia HTML: co sprawdzić po formatowaniu

Dowiedz się, które białe znaki mogą zmienić wygląd strony i co sprawdzić po sformatowaniu kodu HTML.

Przejdź krok po kroku

Ulubione