Inline Editor в редакторе кода brackets

Inline Editor (быстрый редактор) html в Brackets

Привет читатель! Продолжаем курс статей на тему бесплатного редактора кода от adobe – Brackets. И в этот раз я покажу как редактировать подключенный css работая в html файле. Называется это чудо полезная и крутая штука – Inline Editors.


Inline Editor – что в переводе – встроенный редактор, а в приветствии brackets это быстрое редактирование css. По словам разработчиков не будет отрывать нас от контекста во время работы и значительно сэкономит во времени.


Как работать с быстрым редактированием в Inline Editor?

Для открытия реактора достаточно поместить курсор на тег и нажать сочетание клавиш Сtrl+E. Быстрый редактор гармошкой (а точнее аккордеоном) раскроется под тегом и отобразит все связанные с ним правила css, если такие имеются. А в противном случае можно будет просто дописать свои. Сохранятся новые правила так же как и изменения, автоматически в css файле.


Вид встроенного редактора изнутри:

Inline Editor функционал быстрого редактора изнутри в brackets

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

Далее нумерацию можно встретить в самих правилах и если описание тега встречается в файле несколько раз, рядом с самим тегом.

Inline Editor несколько стилей в одном css файле в редакторе кода brackets


Для любителей всё щелкать с клавиатуры для переключения между правилами тегов существует комбинация клавиш – Alt + UP\Down .


Закрывается встроенный редактор нажатием на крестик в левом верхнем углу или клавишей Esc можно закрыть сразу все открытые аккордеоны.


 

Добавить комментарий

Ваш e-mail не будет опубликован.