Artigos de Dreamweaver.
Utlizando o “Find and Replace” para remover os espaços em branco do código
Algumas vezes nós desenvolvedores queremos dar uma otimizada em nosso código para que seja indexado mais rapidamente pelos navegadores. Então abaixo seguem algumas dicas para que o código fique em um bloco mais compacto e otimizado. No Dreamweaver ou qualquer outro programa de texto que possua a função substituir, normalmente sob o atalho CTRL+F, digite os caracteres abaixo para efetuar a retirada de espaços em branco do código.
Buscar | Substituir por | Observações |
---|---|---|
>\s+< | >< | Remove os espaços entre as tags |
>\s+ | > | Remove os espaços após a tag ” >” |
\s{2,} | Remove os espaços em branco | |
Atenção: marque a opção “Use regular Expression” |
Agora se quiser fazer o contrário, colocar espaços em branco e endentação no seu código, o procedimento é o mesmo. Por exemplo, em determinados tipos de liguagem como o Javascript, o comando “Apply Source Format” não funciona no Dreamweaver. Neste caso então deve-se fazer a busca por uma chave ‘{‘ (sem aspas) por exemplo e substituÃ-la por uma outra chave ‘{‘ (sem aspas) seguida de uma quebra de linha (CTRL+ENTER) e 4 espaços para a indentação. São comandos fáceis de memorizar e de grande serventia.
Organizando seu código automaticamente
Uma das ferramentas mais legais na utilização do Dreamweaver para mim que sou heavy coder é a opção de organização do código automaticamente ao executar o comando de “Apply Source Formatting”. Comando este que na versão 8 está na barra de ferramentas lateral “Coding” da “Insert Bar” ou tradicionalmente na opção Commands do menu principal.
Em apenas um clique o código fica todo bonitinho e organizado facilitando em muito a leitura e entendimento de suas tags. Mas é importante ressaltar que o Dreamweaver por configuração padrão endenta com 2 espaços e se você utilize o TAB durante a programação, o seu código será endentado com 4 espaços. Ou seja, você nunca conseguirá organizar seu código se estiver trabalhando com as duas opções, a automática e a manual. Mas há uma solução bem fácil para resolver este problema que facilitará muito a endentação de seu código.
Basta ir ao menu Edit>Preferences>Code Format e escolher o mesmo número de espaços para a tabulação. Qualquer dúvida é só dar uma olhada na imagem.