Display comment markers in design view, Edit an existing comment, Copy and paste code – Adobe Dreamweaver CC 2015 User Manual

Page 385: Preview images and colors in code view, Image preview

Advertising
background image

378

Coding

Last updated 6/3/2015

Display comment markers in Design view

❖

Select View > Visual Aids > Invisible Elements.

Make sure that the Comments option is selected in the Invisible Elements preferences or the comment marker does
not appear.

Edit an existing comment

• In Code view, find the comment and edit its text.

• In Design view, select the Comment marker, edit the comment’s text in the Property inspector, and then click in the

Document window.

Copy and paste code

1

Copy the code from Code view or from another application.

2

Place the insertion point in Code view, and select Edit > Paste.

Preview images and colors in Code view

After you insert the relevant code for images and colors, you can preview them right within Code view.

•

Image preview

•

Color preview

Image preview

Hover your mouse over any image URL to see a preview of the image in Code view. You can preview images that are
referenced as any of the following:

• url();

• data-uri()

• Src attribute value of img tag

Dreamweaver also shows image previews of remotely hosted images. For example, <img
src="https://a2.behance.net/img/profile/no-image-138.jpg?cb=1816124956" />. If Dreamweaver is unable to display
the preview for remote paths, the message "Unable to load image" is displayed.

You can get a preview for the following image file types:

• JPEG

• JPG

• PNG

• GIF

• SVG

Advertising