Insert html comments, Copy and paste code, Edit tags with tag editors – Adobe Dreamweaver CC 2014 v.13 User Manual
Page 477: Edit code with the coding context menu
appears.
5. To view the same information about the tag in the Reference panel, click the > icon. If available, information about the tag appears.
6. To insert the selected tag into your code, click Insert.
If the tag appears in the right pane with angle brackets (for example,
immediately inserted into the document at the insertion point.
If the tag does require additional information, a tag editor appears.
7. If a tag editor opens, enter the additional information, and click OK.
8. Click the Close button.
Insert HTML comments
A comment is descriptive text that you insert in HTML code to explain the code or provide other information. The text of the comment appears only
in Code view and is not displayed in a browser.
Insert a comment at the insertion point
Select Insert > Comment.
In Code view, a comment tag is inserted and the insertion point is placed in the middle of the tag. Type your comment.
In Design view, the Comment dialog box appears. Enter the comment and click OK.
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.
Edit tags with Tag editors
Use Tag editors to view, specify, and edit the attributes of tags.
1. Right-click (Windows) or Control-click (Macintosh) a tag in Code view or an object in Design view, and select Edit Tag from the pop-up
menu. (The contents of this dialog box change depending on the selected tag.)
2. Specify or edit attributes for the tag and click OK.
To get more information about the tag within the Tag editor, click Tag Info.
Edit code with the Coding context menu
1. In Code view, select some code and right-click (Windows) or Control-click (Macintosh).
2. Select the Selection submenu, and select any of the following options:
Collapse Selection Collapses the selected code.
Collapse Outside Selection Collapses all of the code outside the selected code.
Expand Selection Expands the selected code fragment.
Collapse Full Tag Collapses the content between a set of opening and closing tags (for example, the content between
Collapse Outside Full Tag Collapses the content outside a set of opening and closing tags (for example, the content outside
Expand All Restores all collapsed code.
Apply HTML Comment Wraps the selected code with , or opens a new tag if no code is selected.
470