Как извлечь несколько классов из html в виде сss кода в phpstorm?

Question

[Иван]

Есть похожие инструменты bearcss.com и AutoclassCSS

Но где то видел возможность выделить текст в html (в котором у элементов прописаны классы) пример:

<div class="name-class">Текст</div>
<div class="name-class__element">Tекст</div>

Получается:

.name-class {

}

.name-class__element {

}

Answer 1

[Sergjo]

Как извлечь несколько классов из html в виде сss кода в phpstorm?

Полезная возможность. Тоже хотел бы узнать как это можно сделать в PhpStorm.

Answer 2

[Иван Аникин]

Есть плагин ECSStractor и для шторма тоже.
Только вот пункт в консольном меню появляется только на HTML файлах и его нету в файлах php. Приходится выделять блок с HTML и копировать в временный scratch-файл (ALT+Enter ->Create new scratch file from selection)
А из него уже вызвать (Ectract CSS)

Comments

[AlTrec]

Спасибо вам за наводку! С html-кодом в файлах php он тоже работает.

Answer 3

[Николай]

В PhpStorm (последней версии точно), есть вкладка structure - слева под вкладкой project. Там есть все классы указанные в выбранном документе (будь там структура css либо html).

Comments

[Иван]

Это не то, хочу чтобы как в AutoclassCSS.

Answer 4

[Alex Step]

Для sublime text есть ecsstractor - https://github.com/hudochenkov/ecsstractor

Answer 5

[ljazz]

Есть простой веб-сервис специально для такого случая: извлечение css классов.

Comments

[Андрей Павлов]

В редакторе есть такая функция, что теперь по каждому такому случаю будет всё время на браузер мышкой тыкать?