Мои инструменты

ФОРМАТИРОВАНИЕ КОДА / 10 ЯЗЫКОВ

Инструменты форматирования кода

Вставьте любой код — язык определится, а код будет приведён в порядок.

Работает локально · код не загружается
Параметры

ВАШ СЛЕДУЮЩИЙ ШАГ

Свяжите полезные инструменты с рабочими процессами компании

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

Новые компании получают 14-дневный пробный период Pro без банковской карты. В пробный период не входит платное ежемесячное начисление кредитов.

Уже есть аккаунт? Откройте рабочее пространство →

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

  1. Вставьте код, перетащите файл или загрузите пример; язык для этой страницы задан заранее и его можно изменить.
  2. Выберите форматирование или минификацию и настройте отступы, ширину и другие параметры; результат появляется справа по мере ввода.
  3. Скопируйте или скачайте результат; при ошибке нажмите «Перейти к ошибке», исправьте и запустите снова.

Языки и движки

Форматирование использует те же открытые движки, что и популярные редакторы, поэтому результат совпадает с Prettier в VS Code и команда может придерживаться единого стиля. Все движки загружаются с этого сайта и работают в браузере.

Язык
ЯзыкФорматСжать
HTMLPrettier 3✓ комментарии и пробелы
XMLXML-движок XunL✓
CSS / SCSS / LessPrettier 3✓ реструктуризация CSSO
JavaScript / TypeScriptPrettier 3 (Babel)✓ Terser (только JavaScript)
JSONPrettier 3✓ большие числа сохраняют точность
YAMLPrettier 3— (комментарии сохраняются)
SQLsql-formatter (14 диалектов)—

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

Насколько надёжно автоопределение?

Оно смотрит на характерное начало: XML-объявление, doctype, SELECT, правила в фигурных скобках или «ключ: значение». Очень короткие фрагменты могут определиться неверно — просто выберите язык вручную.

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

Нет. Движки загружаются с этого сайта и работают в браузере; ваш код никогда не проходит через наши серверы или третьи стороны, поэтому инструмент безопасен для внутреннего кода и конфигураций.

Каков максимальный размер файлов?

До 5 МБ на файл; при размере больше 300 КБ страница ждёт нажатия кнопки вместо форматирования на лету, чтобы браузер не тормозил.

практическое руководство по форматированию кода и частые вопросы

Что делает инструмент форматирования кода?

Язык определяется по характерному началу (<?xml, <!doctype, SELECT, правила в фигурных скобках, «ключ: значение»…) и передаётся своему движку: Prettier для HTML, CSS, JS, JSON и YAML, движок XunL для XML, sql-formatter для SQL.

Для кого это и когда полезно?

Разработчики, маркетологи и специалисты поддержки, работающие с разными видами кода и желающие одну страницу для всех или не уверенные, какой это язык.

Как пользоваться этим инструментом форматирования кода?

Вставьте любой код — язык (HTML, XML, CSS, JS, JSON, YAML, SQL и другие) определится, а код отформатируется или минифицируется в один клик.

Как понимать результаты?

Очень короткие или смешанные фрагменты могут определиться неверно; выберите язык вручную. Строка состояния показывает определённый язык.

Где выполняется работа и какие сервисы получают данные?

Все движки загружаются с этого сайта и работают в браузере; ваш код не проходит ни через какой сервер.