Fai clic su Modifica > Preferenze (su Windows) o Dreamweaver > Preferenze (su Mac).
Ultimo aggiornamento il
27 apr 2021
Scoprite come comprimere ed espandere il codice in Dreamweaver per visualizzare sezioni del documento senza scorrerlo.
Puoi nascondere (chiamato anche comprimi) ed espandere frammenti di codice per visualizzare diverse sezioni del documento senza scorrere.
Ad esempio, per vedere tutte le regole CSS nel tag head che si applicano a un tag div più in basso nella pagina, comprimi il codice tra il tag head e il tag div per visualizzare entrambe le sezioni di codice contemporaneamente.
Potete anche selezionare una porzione di codice da comprimere. Potete anche comprimere il codice nei file HTML, PHP, XML e SVG basati su blocchi di tag. Nei file CSS, Less, Sass, SCSS e JS, puoi comprimere il codice in base alle parentesi graffe.
- File HTML: Dreamweaver comprime il codice compreso tra un tag HTML di apertura e uno di chiusura; se possibile, gli attributi iniziali vengono visualizzati nel codice compresso. Dreamweaver espande automaticamente quando il codice all'interno del blocco riceve focus tramite Selettore tag, Trova e sostituisci, Vai alla riga, Vista rapida elemento, Vista dal vivo o Annulla/Ripeti.
Se la selezione cambia, il codice viene automaticamente nascosto di nuovo.
- File CSS, Less, Sass, SCSS e JS: Il codice all'interno delle parentesi graffe viene nascosto e l'anteprima viene visualizzata come {...}.
- File PHP: oltre ai blocchi di codice PHP, potete comprimere anche gli elementi HTML e CSS e i blocchi di codice JS.
Nota
i file creati da modelli di Dreamweaver visualizzano tutto il codice completamente espanso, anche se il file di modello (.dwt) contiene frammenti di codice compressi.
Impostare le preferenze della dimensione di ripiegamento del codice
La dimensione predefinita per il ripiegamento del codice è due righe. Con questa impostazione predefinita, tutti i frammenti di codice disposti su almeno due righe possono essere compressi. I frammenti di codice di meno di due righe possono essere nascosti selezionando il codice.
Per cambiare il numero minimo di righe per nascondere il codice:
Fai clic su Formato codice nell'elenco Categoria e specifica la dimensione minima per nascondere il codice.
Comprimere ed espandere frammenti di codice
Per impostazione predefinita, tutto il codice nella vista Codice è in modalità espansa.
Potete tuttavia comprimere il codice selezionando diverse righe, comprimendole. Puoi anche nascondere il codice basato sulla sintassi - blocchi tag o parentesi graffe.
Nota
lo stato di espansione o compressione dei blocchi di codice vengono mantenuti tra sessioni di Dreamweaver.
Comprimere codice in base ai blocchi di tag o alle parentesi graffe
Per nascondere il codice basato su blocchi tag o parentesi graffe:
Nella vista Codice, un piccolo triangolo appare accanto ai numeri di riga corrispondenti ai blocchi di codice che sono maggiori del numero di righe per nascondere il codice specificato nelle preferenze della dimensione per nascondere il codice.
Fate clic sul triangolo per comprimere o espandere il codice.
Nota
Per espandere tutto il codice compresso all'interno del documento, utilizzate la scelta rapida da tastiera Ctrl+Alt+E (Windows) o Cmd+Alt+E (Mac).
Comprimere il codice in base alla selezione
Per comprimere il codice in base alla selezione:
Nella vista Codice, selezionate il frammento di codice da comprimere.
Fai clic sull'icona triangolo che appare per nascondere ed espandere la selezione.
Utilizzare le scelte rapide da tastiera per comprimere ed espandere il codice
|
Comando |
Windows |
Macintosh |
|
Comprimi selezione |
Control+Maiusc+C |
Comando+Maiusc+C |
|
Comprimi selezione esterna |
Control+Alt+C |
Comando+Alt+C |
|
Espandi selezione |
Control+Maiusc+E |
Comando+Maiusc+E |
|
Comprimi tag completo |
Control+Maiusc+J |
Comando+Maiusc+J |
|
Comprimi tag completo esterno |
Control+Alt+J |
Comando+Alt+J |
|
Espandi tutto |
Control+Alt+E |
Comando+Alt+E |
Copiare e incollare un frammento di codice compresso
Fate clic sul frammento di codice compresso per selezionarlo.
Scegliete Modifica > Copia.
Spostate il cursore nella posizione in cui desiderate incollare il codice.
Selezionate Modifica > Incolla.
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.
