Разкрасете HTML, CSS и JavaScript — добавете повторно отстъп и преходи на редове, за да направите разхвърлян или минифициран код четим.

Редове
Размер
Форматираният код ще се появи тук.

						

За Форматиращ инструмент за код

Форматиращият код инструмент разкрасява HTML, CSS и JavaScript: преоформя отстъпите на вложените структури, възстановява новите редове и разстоянията последователно, превръщайки минифициран или разбъркан код обратно в нещо, което действително можете да четете и прегледате.

Поставете кода директно или качете .html, .css или .js файл, изберете езика и форматирайте с едно кликване. Панелът с резултат показва получения брой редове и размер, а разкрасеният код може да се копира в клипборда или изтегли като файл.

Той е естественият спътник на минификатора — използвайте го, за да разкодирате производствен пакет, който трябва да отстраните, да подредите генериран markup или да нормализирате отстъпите преди преглед на кода. Качените файлове се обработват на сървъра и се изтриват автоматично.

Как да използвате Форматиращ инструмент за код

  1. Изберете езика: HTML, CSS или JavaScript.
  2. Поставете разбъркания или минифициран код или качете файла вместо това.
  3. Кликнете „Форматиране“.
  4. Копирайте разкрасения резултат или го изтеглете като файл.

Често задавани въпроси

Да — форматирането на HTML, CSS и JavaScript е безплатно и без ограничения, не се изисква регистрация.

Да. Форматиращото средство възстановява новите редове и отстъпите, разгъвайки едноредов минифициран CSS или JavaScript в правилно вложен, четим код. Имайте предвид, че не може да възстанови имена на променливи, премахнати от агресивен минификатор.

Не. Настройват се само интервалите, отстъпите и новите редове — токените, низовете и логиката преминават непроменени, така че форматираният файл се държи идентично на оригинала.

Да. Превключете на „Качи файл“ и пуснете HTML, CSS или JS файл до показания размер на страницата. Качванията се обработват за преминаването на форматиране и се изтриват автоматично.

HTML (включително вграден markup), CSS и JavaScript. За JSON използвайте специализирания JSON форматер, който добавя валидация и локации на грешки над разкрасяването.

Сподели

Популярни търсения
форматер код разкрасяване JavaScript форматиране CSS онлайн разкрасяване HTML четим код разкрасяване код
Нуждаете се от помощ?
Открихте проблем с този инструмент? Кажете ни.
Докладване на проблем

Добавете този безплатен инструмент към собствения си уебсайт — копирайте и поставете кода по-долу.