Adobe Dreamweaver CC 2014 v.13 - Manual (Page 481)

To the top
To the top
Create a code snippet
1. In the Snippets panel, click the New Snippet icon at the bottom of the panel.
2. 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 (“).
3. (Optional) Enter a text description of the snippet. This makes it easier for other team members to use the snippet.
4. For Snippet Type, select Wrap Selection or Insert Block.
a. If you chose Wrap Selection, add code for the following options:
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.
b. If you chose Insert Block, type or paste the code to insert.
5. (Optional) Select a Preview Type: Code or Design.
Design Renders the code and displays it in the Preview pane of the Snippets panel.
Code Displays the code in the Preview pane.
6. Click OK.
Edit or delete a code snippet
In the Snippets panel, select a snippet, and click the Edit Snippet button or the Remove button at the bottom of the panel.
Create code snippet folders and manage code snippets
1. In the Snippets panel, click the New Snippet Folder button at the bottom of the panel.
2. Drag snippets to the new folder or other folders, as desired.
Add or edit a keyboard shortcut for a snippet
1. In the Snippets panel, right-click (Windows) or Control-click (Macintosh) and select Edit Keyboard Shortcuts.
The Keyboard Shortcuts Editor appears.
2. In the Commands pop-up menu, select Snippets.
A list of snippets appears.
3. Select a snippet and assign a keyboard shortcut to it.
For more information, see Customize keyboard shortcuts.
Share a snippet with other members of your team
1. Find the file corresponding to the snippet that you want to share in the Configuration/Snippets folder in the Dreamweaver application folder.
2. Copy the snippet file to a shared folder on your computer or a network computer.
3. Have the other members of the team copy the snippet file to their Configuration/Snippets folder.
Search for tags, attributes, or text in code
You can search for specific tags, attributes, and attribute values. For example, you can search for all img tags that have no alt attribute.
You can also search for specific text strings that are within or not within a set of container tags. For example, you can search for the word Untitled
contained in a title tag to find all the untitled pages on your site.
1. Open the document to search in, or select documents or a folder in the Files panel.
2. Select Edit > Find And Replace.
3. Specify which files to search in, and then specify the kind of search to perform, and text or tags to search for. Optionally, specify
replacement text as well. Then click one of the Find buttons or one of the Replace buttons.
4. Click the Close button.
5. To search again without displaying the Find And Replace dialog box, press F3 (Windows) or Command+G (Macintosh).
Save and recall search patterns
You can save search patterns and reuse them later.
474