ToolsMaxxing

Форматирование HTML, CSS и JS

Расставьте отступы и приведите в порядок минифицированный или неопрятный HTML, CSS и JavaScript, чтобы его снова можно было читать.

Ваши файлы остаются на устройстве

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

  1. 1Выберите JavaScript, CSS или HTML.
  2. 2Вставьте код или нажмите «Попробовать пример».
  3. 3Выберите отступ и, для JavaScript, кавычки и точки с запятой.
  4. 4Скопируйте отформатированный код или скачайте его.

Что делают параметры

Отступ
Два пробела, четыре пробела или табуляция для каждого уровня.
Одинарные кавычки
Записывает строки JavaScript в одинарных кавычках, где это возможно.
Точки с запятой
Добавляет точки с запятой в конце операторов JavaScript или не ставит их.

Конфиденциальность

Всё выполняется в вашем браузере. Вставленный код не отправляется на сервер.

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

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

Prettier, тот же форматтер, который многие проекты запускают при сохранении. Его правила жёсткие, поэтому результат совпадает с тем, что дал бы проект с Prettier, с выбранными вами параметрами.

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

Нет. Меняются только пробельные символы, переносы строк и, для JavaScript, стиль кавычек и точки с запятой. Программа работает так же.

Можно ли восстановить исходные имена переменных?

Нет. Минификаторы отбрасывают исходные имена, поэтому отформатированный файл читать легче, но a, b и c остаются a, b и c.

Почему показывается ошибка?

Код не удалось разобрать. В сообщении указаны строка и столбец и несколько строк контекста. Исправьте это место, и результат появится снова.

Поддерживаются ли JSX и TypeScript?

JSX в JavaScript принимается. TypeScript в этом инструменте не поддерживается.

Похожие инструменты