Brackets: Content Not Highlighting In Live Preview

Created on 30 Jan 2015  路  6Comments  路  Source: adobe/brackets

Hello,
I am new to coding and decided to tryout Brackets. I'm learning how to use this editor and I can't seem to get this feature to work as it does in the index.html file included. When I place my cursor on the tags I've created the tags highlight within the file but not the content in the browser using Live Preview. I can get it to work if I open open Inspect Element. Please advise.

"Now, place your cursor on the tag above. Notice the blue highlight that appears
around the image in Chrome."

Most helpful comment

I also see this happening. Live Preview Highlight is greyed out. I got the site open using project. Nothing shows
screen shot 2018-07-13 at 20 28 51

All 6 comments

@kmcrayton7 Be sure that you're using the Brackets built-in server (not using a Base URL to local server) and also make sure all of your files are in your current "project" using File > Open Folder...

I believe the latter is the issue because when I attempt to access them from the open folder they can't be selected. As you can see all the .html files are deselected. I can only access these files through Finder.
screenshot 2015-01-29 21 09 36

Use FIle > Open Folder... to select the root folder of your "project" so it contains all of the files you are working with. They will be displayed in file tree on left.

It works...it works...thank you so much :-)

I also see this happening. Live Preview Highlight is greyed out. I got the site open using project. Nothing shows
screen shot 2018-07-13 at 20 28 51

I got it "fixed", i had been using css from url address so it doesnt get cached. Deleting that part and make the paths relative did make it work again.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

udaykapur picture udaykapur  路  4Comments

edlau picture edlau  路  3Comments

rugk picture rugk  路  4Comments

zaggino picture zaggino  路  4Comments

Bluefirecracker picture Bluefirecracker  路  4Comments