Skip to Main Content or Page Contents

Brackets Editor Tutorial

Brackets Editor Quick Edit

Brackets Editor Quick Edit (Ctrl + E) & Color Picker (Ctrl + E)

Page Contents

Introduction to Brackets Editor Quick Edit

Preparation

Quick Edit Color Picker

Introduction to Brackets Editor Quick Edit

Quick Edit is one of the great features of the Brackets Editor. It allows you to view or edit any CSS code associated with a selector such as a tag, class, id or any other selector .

It can be used on either:

An HTML page or
An external CSS file page

Preparation

Open the Brackets Editor
This tutorial required the Brackets Editor Getting Started Project that automatically opens when Brackets is first created.
1. The Getting Started Project looks like Figure 1. Take note of the areas I have highlighted. If this project is displayed, you can omit Step 3.
  
  Fig. Brackets Getting Started Project
If the Brackets Getting Started Project is not Open, open it now by either:
1. Click the triangle to the right of the current folder in the left column
  1. Click the line which will be similar to:
    sceenshots-C:/Program Files (x86)/Brackets/samples/root/Getting Started
  2. If it is not there use the method below 3b.
2. File > Open Folder
3. Getting Started navigate to the Getting Started Folder which is normally located in the following path:
  C: > Program Files (x86) > Brackets > samples > root > Getting Started
4. Click the Getting Started Folder then click the Select Folder button