Форматирование и минификация кода

Форматировать или минифицировать HTML, CSS, JavaScript, TypeScript и SQL
  • Файлы не покидают устройство
  • Работает в браузере
  • Бесплатно, без регистрации и водяных знаков

 

Format options

Long lines are wrapped at this width where the language allows it.

Как пользоваться: Форматирование и минификация кода

Форматируйте или минифицируйте HTML, CSS, SCSS, Less, JavaScript, TypeScript, JSON, Markdown, YAML и SQL в браузере. Язык определяется автоматически, результат обновляется по мере ввода.

  1. 1

    Вставьте код во «Ввод», перетащите файл или выберите язык из «Образца».

  2. 2

    Выберите «Форматировать» или «Минифицировать». Меню языка показывает, что определилось; выберите сами, если угадало неверно.

  3. 3

    Настройте параметры форматирования вроде отступа, ширины строки, кавычек или диалекта SQL либо параметры минификации вроде «Сокращать имена переменных».

  4. 4

    Скопируйте вывод или нажмите кнопку скачивания. Ctrl/⌘ + S тоже скачивает его.

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

Отправляется ли мой код на сервер?

Нет. Форматировщики и минификаторы (Prettier, sql-formatter, Terser и CSSO) загружаются на страницу и работают на устройстве, код остаётся в браузере.

Какие диалекты SQL поддерживаются?

Стандартный SQL, MySQL, MariaDB, PostgreSQL, SQLite, SQL Server (T-SQL), Oracle PL/SQL, BigQuery, Snowflake, Redshift, Spark SQL, Hive, Trino/Presto, DuckDB, ClickHouse и IBM Db2. Также можно задать регистр ключевых слов: ВЕРХНИЙ, нижний или как есть.

Почему «Минифицировать» серое для TypeScript или Markdown?

TypeScript нужно скомпилировать в JavaScript, прежде чем минифицировать, а в Markdown минифицировать нечего, поэтому эти языки форматируются.

Переименовывает ли минификация JavaScript мои переменные?

Только если включено «Сокращать имена переменных». Она переименовывает локальные переменные и функции; глобальные имена остаются. «Сохранять лицензионные комментарии» оставляет комментарии /*! и @license.

Где показываются синтаксические ошибки?

Под редакторами, со строкой и столбцом, когда разборщик их сообщает. Ошибочная строка также подсвечивается во вводе.

Запоминаются ли настройки?

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