Jak to działa
Porządkuje i ponownie wcina dokumenty HTML, aby hierarchia znaczników była jasna i spójna. Idealne do rozzagnieżdżania zminifikowanego znacznika, przeglądania cudzych szablonów lub ujednolicania stylu Twoich widoków.
Oprócz typu i rozmiaru wcięcia oraz końca wiersza pozwala kontrolować, jak zawijane są atrybuty (na przykład jeden na wiersz) oraz maksymalną długość wiersza przed zawinięciem, co przydaje się przy znacznikach z wieloma atrybutami.
Wszystko działa w przeglądarce za pomocą js-beautify i szanuje zawartość bloków takich jak pre i textarea. Formatuje prezentację; nie waliduje HTML ani nie zamyka brakujących znaczników.
Przykłady
<ul><li><a href="/a">A</a></li><li>B</li></ul><ul>
<li><a href="/a">A</a></li>
<li>B</li>
</ul>Każdy zagnieżdżony element trafia do własnego wiersza z odpowiednim wcięciem.Przypadki użycia
- Rozzagnieździć i uczynić czytelnym zminifikowany znacznik HTML strony.
- Ujednolicić wcięcia szablonów przed commitem.
- Kontrolować zawijanie atrybutów w znacznikach z wieloma właściwościami.
- Przeglądać fragmenty e-maili lub newsletterów z zagnieżdżonymi tabelami.
Najczęstsze pytania
Co robi opcja zawijania atrybutów?
Określa, jak rozmieszczane są atrybuty znacznika: w tym samym wierszu, wymuszone po jednym na wiersz lub wyrównane. Przydatne, gdy element ma wiele atrybutów i chcesz poprawić czytelność.
Czy zawartość pre lub textarea zostaje uszkodzona?
Nie. Formater szanuje zawartość znaczników takich jak pre i textarea, gdzie spacje i podziały wierszy mają znaczenie, i nie wcina ich ponownie.
Czy waliduje lub poprawia HTML?
Nie. Tylko przestawia wcięcia i podziały wierszy. Nie sprawdza, czy znaczniki są poprawnie zamknięte, ani nie poprawia błędów znacznika.
Czy mój kod jest wysyłany na serwer?
Nie. Formatowanie odbywa się w całości w przeglądarce; HTML nigdy nie opuszcza Twojego komputera.