Scoprite come comprimere ed espandere il codice in Dreamweaver per visualizzare sezioni del documento senza scorrerlo.

Potete comprimere (operazione denominata anche ripiegamento) ed espandere frammenti di codice per poter visualizzare sezioni diverse del documento senza scorrere.

Ad esempio, per vedere tutte le regole CSS nel tag head applicato a un tag div più avanti nella pagina, comprimete il codice tra il tag head e il tag div per visualizzare contemporaneamente entrambe le sezioni di codice.

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 potete 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 effettua l’espansione automatica quando il codice all’interno del blocco viene attivato da un’operazione Selettore di riga, Trova e sostituisci, Vai alla riga, Vista rapida elemento, vista Dal vivo o Annulla/Ripeti.

Se la selezione si sposta, il codice viene nuovamente compresso automaticamente.

  • File CSS, Less, Sass, SCSS e JS: il codice compreso tra parentesi graffe è compresso e l’anteprima è visualizza 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, quando comprimete del codice, tutti i frammenti di codice disposti su almeno due righe vengono compressi. I frammenti di codice che occupano meno di due righe vengono visualizzati in modalità espansa.

Per modificare il numero minimo di righe per il ripiegamento del codice:

  1. Fate clic su Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Mac).

  2. Fate clic su Formato codice nell’elenco Categoria e specificate la dimensione minima per il ripiegamento del 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. Potete anche comprimere il codice in base alla sintassi: blocchi di 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 comprimere codice in base ai blocchi di tag o alle parentesi graffe:

  1. Nella vista Codice, passate il mouse sopra la colonna del numero di riga che corrisponde al blocco di codice che desiderate comprimere o espandere. Verrà visualizzato un piccolo triangolo accanto ai numeri di riga.

  2. 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 utilizzando i blocchi di tag
    Compressione del codice utilizzando i blocchi di tag (need to update screenshot)

Comprimere il codice in base alla selezione

Per comprimere il codice in base alla selezione:

  1. Nella vista Codice, selezionate il frammento di codice da comprimere.

    Quando selezionate il codice, viene visualizzata un’icona di compressione nella colonna del numero di riga.

  2. Fate clic sull’icona per comprimere ed espandere la selezione.

    Quando il codice è compresso, l’icona di compressione diventa un’icona di espansione (). 

    Comprimere il codice selezionato
    Compressione del codice selezionato (need to update screenshot)

    Espansione del codice (need to update screenshot)
    Espansione del codice (need to update screenshot)

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

  1. Fate clic sul frammento di codice compresso per selezionarlo.

  2. Scegliete Modifica > Copia.
  3. Spostate il cursore nella posizione in cui desiderate incollare il codice.

  4. Selezionate Modifica > Incolla.

Questo prodotto è concesso in licenza in base alla licenza di Attribuzione-Non commerciale-Condividi allo stesso modo 3.0 Unported di Creative Commons.  I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.

Note legali   |   Informativa sulla privacy online