Объединение CSS в PhpStorm

Question

Я работаю в PhpStorm 2016.3.2. В моих HTML файлах иногда встречаются <style> теги и минимизированный CSS внутри них.

Можно ли сделать ярлык для унификации кода внутри этих тегов?

Например, этот код:

<style>.arrow{fill:none;stroke:#231f20;stroke-linecap:round;stroke-miterlimit:10;stroke-width:20px;}</style>

должно выглядеть так:

<style>
.cls-1 {
   fill: none;
   stroke: #231f20;
   stroke-linecap: round;
   stroke-miterlimit: 10;
   stroke-width: 20px;
}
</style>

Answer 1

Чтобы переформатировать код для каталога, выполните следующие действия:

1. В окне инструмента Project выберите модуль или каталог, к которому вы хотите применить свое переформатирование.
2. В главном меню выберите Код | Переформатируйте код или нажмите Ctrl+Alt+L. Либо в окне инструмента "Проект" щелкните правой кнопкой мыши каталог и в контекстном меню выберите "Переформатировать код".
3. В диалоговом окне "Переформатировать код" укажите необходимые параметры и фильтры для переформатирования и нажмите "Выполнить".

Чтобы переформатировать код для текущего файла, выполните следующие действия:

1. В редакторе открытого в данный момент файла нажмите Ctrl+Shift+Alt+L.

2. В диалоговом окне "Файл переформатирования" укажите параметры переформатирования и нажмите "Выполнить".