Os snippets de código permitem armazenar o conteúdo para reutilização rápida. Você pode criar, inserir, editar ou excluir snippets de HTML, JavaScript, CFML, ASP, PHP e muito mais. Também é possível gerenciar e compartilhar snippets de código com membros da equipe. Alguns snippets predefinidos que você pode usar como ponto de partida estão disponíveis.
Os snippets que contêm tags <font> e outros atributos elementos obsoletos estão na pasta Legacy no painel Snippets.
Inserção de um snippet de código
- Coloque o ponto de inserção no local onde você deseja inserir o snippet de código ou selecione o código ao redor do qual será colocado um snippet.
- No painel Snippets (Janela > Snippets), clique duas vezes no snippet.Você também pode clicar com o botão direito do mouse no snippet (Windows) ou manter pressionada a tecla Control enquanto clica no snippet (Macintosh) e selecionar Inserir no menu pop‑up.
Criação de um snippet de código
- No painel Snippets, clique no ícone Novo snippet na parte inferior do painel.
- Digite um nome para o snippet.
Nota: Os nomes de snippet não podem conter caracteres inválidos nos nomes de arquivo, como barras (/ ou \), caracteres especiais ou aspas duplas (“).
- (Opcional) Digite uma descrição de texto para o snippet. Isso facilita o uso do snippet para os outros membros da equipe.
- Em Tipo de snippet, selecione Quebra de linha da seleção ou Inserir bloco.
- Se você escolher Quebra de linha da seleção, adicione código para as seguintes opções:
- Inserir antes de
- Digite ou cole o código a ser inserido antes da seleção atual.
- Inserir depois de
- Digite ou cole o código a ser inserido após a seleção atual.Para definir o espaçamento padrão dos blocos, use quebras de linha; pressione Enter (Windows) ou Return (Macintosh) dentro das caixas de texto.
Nota: Como os snippets podem ser criados como blocos de início e fim, use-os para envolver outras tags e conteúdo. Isso será útil para inserir formatação especial, links, elementos de navegação e blocos de script. Realce o conteúdo que você deseja envolver e insira o snippet.
- Se você escolher Inserir bloco, digite ou cole o código a ser inserido.
- (Opcional) Selecione Tipo de visualização: Código ou design.
- Design
- Processa o código e o exibe no painel Visualização do painel Snippets.
- Código
- Exibe o código no painel Visualização.
- Clique em OK.
Edição ou exclusão de um snippet de código
No painel Snippets, selecione um snippet e clique no botão Editar snippet ou Remover na parte inferior do painel.
Criação de pastas de snippet de código e gerenciamento de snippets de código
- No painel Snippets, clique no botão Nova pasta de snippets na parte inferior do painel.
- Arraste snippets para a nova pasta ou para outras pastas, conforme desejar.
Adição ou edição de um atalho de teclado para um snippet
- No painel Snippets, clique com o botão direito do mouse (Windows) ou mantenha pressionada a tecla Control enquanto clica (Macintosh) e selecione Editar atalhos de teclado.O Editor de atalho de teclado é exibido.
- No menu pop-up Comandos, selecione Snippets.Uma lista de snippets é exibida.
- Selecione um snippet e atribua um atalho de teclado a ele. Para obter mais informações, consulte Personalizar atalhos de teclado.
Compartilhamento de um snippet com outros membros da equipe
- Localize o arquivo correspondente ao snippet que você deseja compartilhar na pasta Configuração/snippets, na pasta de aplicativo do Dreamweaver.
- Copie o arquivo de snippet para uma pasta compartilhada no computador ou em um computador da rede.
- Faça com que os outros membros da equipe copiem o arquivo de snippet para a pasta Configuração/snippets.
Observação:
Os snippets personalizados não ficam na mesma pasta dos padrões, aqui no meu computador com o sistema operacional Windows7 fica na pasta:
C:\Users\NOMEDOUSUARIO\AppData\Roaming\Adobe\Dreamweaver CS4\en_US\Configuration\Snippets