Clique em Editar > Preferências (no Windows) ou Dreamweaver > Preferências (no Mac).
Última atualização em
27/04/2021
Aprenda como recolher e expandir o código no Dreamweaver para exibir seções do seu documento sem usar a barra de rolagem.
Você pode recolher (também chamado de ocultar) e expandir fragmentos de código para visualizar diferentes seções do documento sem rolar a tela.
Por exemplo, para ver todas as regras CSS na tag head que se aplicam a uma tag div mais abaixo na página, recolha o código entre a tag head e a tag div para ver as duas seções de código ao mesmo tempo.
Você pode selecionar uma parte do código para recolhê-la. Também é possível recolher código em arquivos HTML, PHP, XML e SVG baseados em blocos de tags. Em arquivos CSS, Less, Sass, SCSS e JS, você pode recolher código baseado em chaves.
- Arquivos HTML: o Dreamweaver recolhe o código entre uma tag HTML de abertura e uma de finalização, e os atributos iniciais, onde aplicável, são exibidos no código recolhido. O Dreamweaver expande automaticamente quando o código dentro do bloco recebe foco através do seletor de tag, Localizar e substituir, Ir para linha, Visualização rápida de elemento, Visualização dinâmica ou Desfazer/Refazer.
Se a seleção mudar, o código é automaticamente recolhido novamente.
- Arquivos CSS, Less, Sass, SCSS e JS: O código dentro das chaves é recolhido e a visualização é exibida como {...}.
- Arquivos PHP: além dos blocos de código PHP, os elementos HTML, o CSS e os blocos de código JS são recolhidos.
Nota
os arquivos criados com base em modelos do Dreamweaver exibem todo o código como totalmente expandido, mesmo se o arquivo de modelo (.dwt) contiver fragmentos de código recolhidos.
Definição de preferências de tamanho de dobramento do código
O tamanho padrão para dobramento de código é de duas linhas. Nesta configuração padrão, todos os fragmentos que têm pelo menos duas linhas de código podem ser recolhidos. Fragmentos de código que têm menos de duas linhas podem ser recolhidos selecionando o código.
Para alterar o número mínimo de linhas para recolhimento de código:
Clique em Formato de código na lista Categoria e especifique o tamanho mínimo de recolhimento de código.
Recolhimento e expansão de fragmentos de código
Por padrão, todo o código na Visualização de código está no modo expandido.
No entanto, você pode recolher o código selecionando várias linhas e recolhendo-as. Você também pode ocultar código baseado na sintaxe - blocos de tag ou chaves.
Nota
o estado recolhido ou expandido dos blocos de código é mantido entre as sessões do Dreamweaver.
Recolher código com base em blocos de tag ou chaves
Para recolher código com base em blocos de tag ou chaves:
Na visualização de Código, um pequeno triângulo aparece ao lado dos números de linha correspondentes aos blocos de código que são maiores que o número de linhas de recolhimento de código especificado nas preferências de tamanho de recolhimento de código.
Clique no triângulo para recolher ou expandir o código.
Nota
Para expandir todo o código recolhido no documento, você pode usar o atalho de teclado Control+Alt+E (Win) ou Command+Alt+E (Mac).
Recolher código com base na seleção
Para recolher código baseado na seleção:
Na Visualização de código, selecione o fragmento de código que deseja recolher.
Clique no ícone do triângulo que aparece para recolher e expandir a seleção.
Uso de atalhos de teclado para recolher e expandir código
|
Comando |
Windows |
Macintosh |
|
Recolher seleção |
Control+Shift+C |
Command+Shift+C |
|
Recolher seleção expandida |
Control+Alt+C |
Command+Alt+C |
|
Expandir seleção |
Control+Shift+E |
Command+Shift+E |
|
Recolher tag completa |
Control+Shift+J |
Command+Shift+J |
|
Recolher tag completa expandida |
Control+Alt+J |
Command+Alt+J |
|
Expandir tudo |
Control+Alt+E |
Command+Alt+E |
Copiar e colar um fragmento de código recolhido
Clique no fragmento de código recolhido para selecioná-lo.
Selecione Editar > Copiar.
Coloque o cursor no local em que você deseja colar o código.
Selecione Editar > Colar.
Criar belos sites no Dreamweaver
Crie, codifique e gerencie sites dinâmicos com uma ferramenta completa e eficiente.
