beautypg.com

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

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, 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