Как пользоваться
- Вставьте HTML-код.
- Выберите HTML или Vue, отступ и ширину строки.
- Нажмите «Форматировать» или Ctrl+Enter (⌘+Enter на Mac).
- Скопируйте отформатированную разметку.
Описание параметров
- Ширина строки
- Элементы с большим числом атрибутов разбиваются по одному атрибуту на строку, если иначе превысили бы эту ширину.
- Vue
- Форматирует однофайловые компоненты .vue — блоки template, script и style.
Примеры
Шаблон письма. Вставьте HTML-письмо, записанное в одну строку, чтобы увидеть структуру его таблиц с отступами.
Скопированный код страницы. Отформатируйте исходный код страницы, чтобы найти нужный раздел.
Часто задаваемые вопросы
Почему часть текста остаётся в одной строке?
В HTML пробелы между строчными элементами могут изменить внешний вид страницы. Форматтер учитывает CSS-свойство display каждого элемента и не добавляет пробелы, которые появились бы на экране.
Исправляет ли он некорректный HTML?
Он добавляет закрывающие теги, которые HTML позволяет опускать, например </li> и </p>. Теги, закрытые в неправильном порядке, вызывают ошибку с номером строки и столбца, чтобы вы могли исправить их в исходнике.
Загружается ли мой код на сервер?
Нет. Всё работает в вашем браузере.
Конфиденциальность
Этот инструмент работает полностью в браузере. Ваши файлы и текст обрабатываются на вашем устройстве и никогда не загружаются на наши серверы.