Как пользоваться
- Вставьте код, перетащите файл или загрузите пример; язык для этой страницы задан заранее и его можно изменить.
- Выберите форматирование или минификацию и настройте отступы, ширину и другие параметры; результат появляется справа по мере ввода.
- Скопируйте или скачайте результат; при ошибке нажмите «Перейти к ошибке», исправьте и запустите снова.
Параметры стиля кода
| Параметры | Рекомендация |
|---|---|
| Отступ | 2 пробела (обычно во фронтенде) / 4 пробела / табуляция |
| Ширина строки | Перенос на 80; 100 или 120 для широких экранов |
| Кавычки | Двойные (по умолчанию в Prettier) или одинарные |
| Точка с запятой | Включено по умолчанию, чтобы избежать сюрпризов с ASI |
| Завершающие запятые | Добавляются в многострочные списки для более чистых diff |
Языки и движки
Форматирование использует те же открытые движки, что и популярные редакторы, поэтому результат совпадает с Prettier в VS Code и команда может придерживаться единого стиля. Все движки загружаются с этого сайта и работают в браузере.
| Язык | Формат | Сжать |
|---|---|---|
| HTML | Prettier 3 | ✓ комментарии и пробелы |
| XML | XML-движок XunL | ✓ |
| CSS / SCSS / Less | Prettier 3 | ✓ реструктуризация CSSO |
| JavaScript / TypeScript | Prettier 3 (Babel) | ✓ Terser (только JavaScript) |
| JSON | Prettier 3 | ✓ большие числа сохраняют точность |
| YAML | Prettier 3 | — (комментарии сохраняются) |
| SQL | sql-formatter (14 диалектов) | — |
Частые вопросы
Изменит ли форматирование внешний вид страницы?
По умолчанию пробелы обрабатываются по отображению CSS: блочные элементы могут переноситься, а пробелы между строчными элементами вроде span и b сохраняются, поэтому вид страницы не меняется. «Строгий» — самый осторожный режим; «Игнорировать» даёт самый аккуратный код, но может изменить пробелы между строчными элементами.
Безопасна ли минификация HTML?
Она осторожная: обычные комментарии удаляются (условные комментарии IE остаются), последовательности пробелов сводятся к одному и удаляются только между блочными тегами; содержимое pre, textarea, script и style не затрагивается.
Загружается ли мой код?
Нет. Движки загружаются с этого сайта и работают в браузере; ваш код никогда не проходит через наши серверы или третьи стороны, поэтому инструмент безопасен для внутреннего кода и конфигураций.
Каков максимальный размер файлов?
До 5 МБ на файл; при размере больше 300 КБ страница ждёт нажатия кнопки вместо форматирования на лету, чтобы браузер не тормозил.