{"id":13574,"url":"\/distributions\/13574\/click?bit=1&hash=71363c64bc295a463461171f01f6e714a7961aa8025c2486fbe50b3ffa4c5530","title":"\u041a\u0430\u043a \u043f\u043e\u0431\u043e\u0440\u043e\u0442\u044c \u0444\u0440\u043e\u0434? ","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"ae112cc0-7183-5c18-b2cd-24fa08deeeea","isPaidAndBannersEnabled":false}
CSS

Как в CSS файле разделить одну строку на множество читабельных строк?

Контент мой. Продублировал на своём блоге

Иногда возникает необходимость отредактировать чужой CSS код и к примеру внести свои собственные стили, но при открытии документа в редакторе notepad++ или в любом другом редакторе CSS мы видим этот самый код в одну строку, как например на этом скриншоте.

Можно конечно попробовать перенести классы вручную с помощью клавиши Enter, но что делать если классов очень много, тогда нам на помощь приходит наш любимый редактор notepad++.

Регулярное выражение для notepad++

  • Открываем файл с помощью notepad++
  • Нажимаем сочетание клавиш Ctrl+F
  • В поле Найти: (;|\}|\{)
  • В поле Заменить на: \1\r\n

Выбираем: зацикленный поиск и регулярные выражения. Как на скриншоте.

После нажатия кнопки «Заменить всё» строка должна разбиться на множество строк, то есть на столбец, как показано на скриншоте.

Спасибо. Если кому то помогло, дайте знать!

0
2 комментария
Grigoriy Malyshev

эмм...
2022 год, олло

1) https://unminify.com/ и аналоги
2) в некоторых редакторах, например в сублим тексте отличное множественное выделение - вбиваете в поиск }, затем "выбрать все" и можно энтером уже везде строки проставить
3) ну и возвращаясь к тезису про 2022 - браузеры умеют это сами. либо автоматически, либо по кнопке в девтулзах

Ответить
Развернуть ветку
Сергей Нестеровский

И Вам спасибо. Способ описанный выше всё равно может кому-нибудь пригодиться!

Ответить
Развернуть ветку
Читать все 2 комментария
null