Форматировщик кода

ожидание

Ввод

Вывод

Символов на входе

Символов на выходе

Экономия (minify)

0ms

Время работы

Как работает каждый форматировщик

HTML formatЗаново отступает теги; сохраняет содержимое pre/textarea/script/style, держит встроенный текст плотным. HTML minifyСжимает пробелы между тегами, удаляет HTML-комментарии (условные IE остаются), сохраняет преформатированное. CSS formatВыносит селекторы на свои строки, отступает объявления и сохраняет комментарии. CSS minifyУдаляет комментарии и лишние пробелы, убирает последнюю точку с запятой перед }. JS formatНа Prettier 3.3 — отраслевом стандарте, используемом Webpack, Vite, Rollup и всеми редакторами. JS minifyНа Terser 5 — JS-минификаторе из Webpack/Vite/Rollup; сокращает имена, сохраняет /*! license */.

Что такое этот форматировщик кода?

Это бесплатный браузерный форматировщик кода, который мгновенно красиво оформляет и минифицирует HTML, CSS и JavaScript с помощью Prettier и Terser — без отправки данных, так как все операции выполняются в JavaScript на вашем устройстве.

Как отформатировать HTML, CSS или JavaScript онлайн без загрузки на сервер?

Вставьте код, выберите язык и нажмите Запустить. Инструмент мгновенно переформатирует код по официальным правилам Prettier или минифицирует через Terser — всё в браузере, без передачи на сервер.

Ключевые возможности

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

Оформляет HTML, CSS, SCSS и JavaScript официальными парсерами Prettier — тот же результат, что и в VS Code.

Минификация Terser

Сжимает JavaScript с переименованием и удалением мёртвого кода, чтобы производственные сборки были минимально возможного размера.

Просмотр бок о бок

Ввод и вывод видны одновременно, их можно поменять местами одним кликом для повторной обработки.

100% на стороне клиента

Prettier и Terser загружаются как ESM-сборки прямо в браузере. Ваш код никогда не отправляется на сервер.

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

Вставьте или введите код в панель ввода и выберите HTML, CSS или JavaScript. Нажмите Запустить, чтобы отформатировать с помощью Prettier; для JavaScript используйте параметр Minify. Скопируйте результат, скачайте файл или поменяйте местами ввод/вывод для второго прохода.

Часто задаваемые вопросы

Поддерживается ли современный синтаксис?

Да. Парсер JavaScript — это самые свежие версии Prettier + Terser, которые понимают функции ES2024, включая опциональные цепочки, top-level await, поля классов и Stage-3 pipeline.

Загружается ли мой код?

Нет. Всё работает локально в браузере; страница не отправляет ваш исходный код ни на какой сервер.

Можно ли настроить отступ или длину строки?

Да. Можно переключаться между 2 пробелами, 4 пробелами и табуляцией, а также переопределять стандартную ширину печати Prettier.

Tooljar использует официальные парсеры Prettier (babel, estree, html, postcss) и сборки Terser, опубликованные в npm, поэтому результат точно соответствует эталонным реализациям, которым разработчики уже доверяют в редакторе и конвейере сборки.