Przejdź do treści
ToolMug

Formatowanie HTML

Przywróć czytelność HTML. Formatter wstawia wcięcia, zawija długie listy atrybutów i formatuje również CSS oraz JavaScript wewnątrz tagów style i script.

Działa w przeglądarce — nic, co wpiszesz, nie jest wysyłane

Jak używać

  1. Wklej HTML.
  2. Wybierz HTML lub Vue, szerokość wiersza i wcięcie.
  3. Kliknij Formatuj albo naciśnij Ctrl+Enter, a na Macu ⌘+Enter.
  4. Skopiuj sformatowany markup.

Opis opcji

Szerokość wiersza
Elementy z wieloma atrybutami są dzielone na osobne wiersze, gdy przekroczyłyby ustawioną szerokość.
Vue
Formatuje komponenty jednoplikowe .vue, czyli bloki template, script i style.

Przykłady

Wklej jednowierszowy szablon e-maila, aby zobaczyć jego strukturę tabeli z wcięciami. Sformatuj źródło strony, aby łatwiej znaleźć potrzebną sekcję.

Najczęściej zadawane pytania

Dlaczego część tekstu pozostaje w jednym wierszu?

Dodanie spacji między elementami liniowymi może zmienić wygląd strony. Formatter respektuje właściwości CSS display i nie dodaje widocznych spacji.

Czy naprawia niepoprawny HTML?

Dodaje tagi zamykające, które HTML pozwala pominąć, na przykład </li> i </p>. Tagów zamkniętych w złej kolejności nie poprawia, tylko zgłasza błąd z wierszem i kolumną.

Czy kod jest wysyłany?

Nie. Wszystko działa w przeglądarce.

Prywatność

To narzędzie działa w całości w przeglądarce. Twoje pliki i tekst są przetwarzane na Twoim urządzeniu i nigdy nie trafiają na nasze serwery.

Podobne narzędzia