Форматирование HTML

Форматируйте HTML с читаемыми отступами и контролем пробелов.

Фронтенд и дизайн
Подготовка рабочей области…
Входные данные
Выходные данные
Здесь появится результат.

Как пользоваться

  1. Вставьте текст, откройте файл UTF-8 или попробуйте пример.
  2. Выберите данные и настройки, затем запустите инструмент или включите автозапуск.
  3. Проверьте результат, скопируйте или скачайте его. Изменение ввода делает прежний результат недействительным.

Форматирование HTML

Форматируйте HTML с читаемыми отступами и контролем пробелов.

Обработка выполняется в браузере. Данные не отправляются в DevToolsy.

Как это работает

Prettier обрабатывает HTML как исходный текст. Разметка не отображается, скрипты не выполняются. Встроенный код script и style отдельно не форматируется.

До и после
Входные данные
<main><h1>Project notes</h1><p>Built with <strong>care</strong> for the web.</p><ul><li>Fast</li><li>Local</li></ul></main>
Выходные данные
<main>
  <h1>Project notes</h1>
  <p>Built with <strong>care</strong> for the web.</p>
  <ul>
    <li>Fast</li>
    <li>Local</li>
  </ul>
</main>

Форматируйте HTML с читаемыми отступами и контролем пробелов.

Настройки и точность данных

Выберите учёт CSS, строгий режим или игнорирование пробелов, а также отступы и ширину. По умолчанию учитывается CSS; игнорирование может менять видимые интервалы.

Работа с результатом

Форматирование не проверяет семантику, доступность или опасную разметку. Проверьте результат в проекте и используйте специальные валидаторы.

Проверьте результат, скопируйте или скачайте его. Изменение ввода делает прежний результат недействительным.

Ограничения обработки

Ввод UTF-8 до 1 MiB на документ, вывод до 8 MiB. JSONPath и Schema: 5 секунд; остальные инструменты: 30 секунд.

Дополнительные материалыPrettier HTML whitespace
?

Частые вопросы

HTML отображается или выполняется?

Prettier обрабатывает HTML как исходный текст. Разметка не отображается, скрипты не выполняются. Встроенный код script и style отдельно не форматируется.

Как обрабатываются значимые пробелы?

Выберите учёт CSS, строгий режим или игнорирование пробелов, а также отступы и ширину. По умолчанию учитывается CSS; игнорирование может менять видимые интервалы.

Проверяются доступность и безопасность?

Нет. Форматирование не проверяет семантику, доступность или опасную разметку. Проверьте результат в проекте и используйте специальные валидаторы.

Загружаются ли мои данные?

Обработка выполняется в браузере. Данные не отправляются в DevToolsy.

Можно открыть локальный файл?

Ввод UTF-8 до 1 MiB · вывод до 8 MiB

Найдите следующий инструмент

Язык

Сменить язык? Текущие данные будут очищены. Сначала скопируйте или скачайте нужные результаты.