Как это работает
Упорядочивает и переформатирует отступы в HTML-документах, чтобы иерархия тегов была ясной и единообразной. Идеально, чтобы развернуть минифицированную разметку, просмотреть чужие шаблоны или унифицировать стиль ваших представлений.
Помимо типа и размера отступа и конца строки, он позволяет управлять тем, как переносятся атрибуты (например, по одному на строку), и максимальной длиной строки перед переносом — полезно для тегов со множеством атрибутов.
Всё выполняется в вашем браузере с помощью js-beautify и учитывает содержимое блоков вроде pre и textarea. Форматируется представление; HTML не проверяется, недостающие теги не закрываются.
Примеры
<ul><li><a href="/a">A</a></li><li>B</li></ul><ul>
<li><a href="/a">A</a></li>
<li>B</li>
</ul>Каждый вложенный элемент располагается на своей строке с соответствующим отступом.Сценарии использования
- Развернуть и сделать читаемой минифицированную HTML-разметку страницы.
- Привести отступы шаблонов к единому виду перед коммитом.
- Управлять переносом атрибутов в тегах со множеством свойств.
- Просматривать фрагменты писем или рассылок с вложенными таблицами.
Часто задаваемые вопросы
Что делает опция переноса атрибутов?
Она определяет, как располагаются атрибуты тега: в одной строке, принудительно по одному на строку или выровненными. Полезно, когда у элемента много атрибутов и вы хотите улучшить читаемость.
Не портится ли содержимое pre или textarea?
Нет. Форматировщик учитывает содержимое тегов вроде pre и textarea, где пробелы и переносы значимы, и не переформатирует их отступы.
Проверяет ли он или исправляет HTML?
Нет. Он только переупорядочивает отступы и переносы строк. Он не проверяет правильность закрытия тегов и не исправляет ошибки разметки.
Загружается ли мой код на сервер?
Нет. Форматирование происходит полностью в браузере; HTML никогда не покидает ваш компьютер.