Перейти к содержанию
TextArray
100% локально

HTML-форматер

Красиво оформленный HTML-код с правильными отступами, не затрагивая предварительное содержимое, сценарий или стиль.

Входные данные
Выходные данные

HTML-форматер

Вставьте минифицированный, скопированный или просто беспорядочный HTML-код и верните его с правильным отступом: каждый вложенный элемент вступает в выбранный вами отступ (два пробела, четыре пробела или табуляция), пустые элементы, такие как br, img, input, мета и ссылка, рассматриваются как невложенные, а встроенные элементы, такие как a, b, em,strong, span и code, остаются на родительской строке всякий раз, когда помещается весь элемент — поэтому элементы короткого списка и ссылки остаются компактными, а не разбиваются на три строки каждый.

Форматер намеренно прощает ошибки, потому что HTML в дикой природе имеет неверный формат. Несовпадающие или незакрытые теги никогда не приводят к ошибке: случайный закрывающий тег удаляется, незакрытый элемент неявно закрывается его родителем, а остальная часть документа форматируется, насколько это возможно. Содержимое элементов pre, script и style передается дословно — ваш предварительно отформатированный текст сохраняет свои интервалы, а встроенный JavaScript и CSS никогда не подвергаются повторному отступу или перекомпоновке.

Два варианта очистки справляются с обычным шумом. «Удалить пустые строки между элементами» удаляет пустые строки, которые накапливаются при копировании разметки из шаблонов, а «Свернуть пробелы в тексте» превращает ряды пробелов и разрывов строк внутри текстовых узлов в одиночные пробелы — никогда внутри пре, скрипта или стиля. Подсчет под выходными данными сообщает об элементах, строках ввода и вывода, а также о самом глубоком уровне вложенности.

Все работает локально в вашем браузере: страницы, шаблоны и разметка электронной почты никогда не покидают ваш компьютер. Скопируйте результат или загрузите его в виде файла .txt.

FAQ

Что происходит с неверным HTML?
Все равно форматирует. Случайный закрывающий тег удаляется, незакрытый элемент неявно закрывается его родителем, и никакая ошибка никогда не отображается — реальный HTML редко бывает идеальным, и форматтер создан для этого.
Будет ли изменен мой сценарий, стиль или предварительный контент?
Нет. Внутреннее содержимое элементов pre, script и style передается байт за байтом. Предварительно отформатированные интервалы, встроенный JavaScript и CSS сохраняют свой первоначальный макет.
Когда встроенные элементы остаются на одной строке?
Строковые элементы (a, b, i, em,strong,span,code, small,sub,sup) остаются на родительской строке, когда весь элемент умещается примерно в 80 символов по текущему отступу. Более длинные элементы разбиваются на строки с отступом, как и любой блочный элемент.
Что делает «Свернуть пробелы в тексте»?
Ряды пробелов, табуляции и разрывы строк внутри текстовых узлов становятся единым пробелом, как и в любом случае браузеры их отображают. Содержимое внутри предварительной версии, сценария и стиля никогда не сворачивается.
Загружен ли мой HTML-код где-нибудь?
Нет. Инструмент полностью работает в вашем браузере, и ваша разметка никогда не покидает ваше устройство.