Setting the Snippets dialog box options

The purpose of this dialog box is to create or edit a code snippet for the Snippets panel.

To create or edit a code snippet:

1. In the Name text box, enter a name for the snippet.

   NOTE

   Snippet names can’t contain characters that are invalid in filenames, such as slashes(/ or \), special characters, or double quotes (").

2. (Optional) In the Description text box, enter a text description of the snippet. This makes it easier for other team members to use the snippet.
3. For Snippet Type, select Wrap Selection or Insert Block.
4. If you chose Wrap Selection, add code to the following text boxes:

   Insert Before Type or paste the code to insert before the current selection.

   Insert After Type or paste the code to insert after the current selection.

   To set default spacing for the blocks, use line breaks; press Enter (Windows) or Return (Macintosh) inside the text boxes.

   NOTE

   Because snippets can be created as start and end blocks, you can use them to surround other tags and content. This is useful for inserting special formatting, links, navigation elements, and script blocks. Simply highlight the content you want to surround, then insert the snippet.

5. If you chose Insert Block, type or paste the code to insert.
6. (Optional) Select a Preview Type: Code or Design.

   If you select Design, then Dreamweaver renders the code and shows it to you in the Preview pane of the Snippets panel. If you select Code, then Dreamweaver shows the code in the Preview pane.

7. Click OK.

Related topics

• Working with code snippets