Aprite un file supportato.
Impostate le preferenze che controllano il formato del codice ogni volta che create o modificate un file.
Formattazione manuale del codice
Selezionate Modifica > Codice > Applica formattazione di origine.
Oppure, seleziona Applica formattazione origine da Barra degli strumenti comune > Formatta codice sorgente.
Formattazione manuale del codice selezionato in un file
Aprite il codice.
Selezionate una parte qualsiasi del codice.
Selezionate Modifica > Codice > Applica formattazione origine alla selezione.
In alternativa, selezionate Applica formattazione di origine alla selezione dalla barra degli strumenti comune > Formatta codice di origine.
Se selezionate del codice compreso tra qualsiasi tag e applicate la formattazione di origine alla selezione, la formattazione è applicata fino al tag principale.
Modifica delle regole predefinite per la formattazione del codice
Puoi personalizzare la formattazione del codice CSS, JS e PHP aggiungendo regole di formattazione nel file .jsbeautifyrc nella cartella principale della sede.
Per aggiungere il file .jsbeautifyrc , segui questi passaggi:
- Le istruzioni seguenti sono pertinenti ai soli documenti CSS, JS e PHP.
- I tag HTML in un documento PHP sono formattati in base alle preferenze nelle librerie di tag. Potete formattare il codice all’interno dei blocchi PHP con le istruzioni riportate di seguito.
Create un nuovo file nella cartella principale del sito con nome file .jsbeautifyrc
Copiate e incollate le regole di formattazione CSS predefinite per CSS, JS e PHP in .jsbeautifyrc e salvate il file.
{
"js": {
"eol": "\n",
"preserve_newlines": true,
"max_preserve_newlines": 3,
"space_after_anon_function": true,
"keep_array_indentation": false,
"space_before_conditional": true,
"break_chained_methods": false,
"unescape_strings": false,
"wrap_line_length": 0,
"end_with_newline": true,
"comma_first": false,
"operator_position": "after-newline"
},
"css": {
"preserve_newlines": false,
"selector_separator_newline" : false,
"end_with_newline": false,
"newline_between_rules": false,
"space_around_selector_separator": true
},
"php": {
"eol": "\n",
"preserve_newlines": true,
"max_preserve_newlines": 3,
"space_after_anon_function": true,
"brace_style": "collapse",
"keep_array_indentation": false,
"space_before_conditional": true,
"break_chained_methods": false,
"unescape_strings": false,
"wrap_line_length": 0,
"end_with_newline": false,
"comma_first": falso,
"space_in_paren":vero
}
}
Modificate le regole predefinite per modificare le regole predefinite di formattazione del codice in base alla tabella riportata di seguito e salvate le modifiche.
Riavviate Dreamweaver e applicate la formattazione del codice a un file CSS, JS e PHP.
Il codice verrà formattato in base alle regole di formattazione aggiornate.
Se desideri personalizzare la formattazione del codice per i file PHP, CSS e JS in altri siti Dreamweaver, devi inserire il file personalizzato .jsbeautifyrc nella cartella principale del sito.
Regole di formattazione per CSS, JS e PHP:
| CSS | Regole | Valori predefiniti in Dreamweaver | Descrizione |
| preserve_newlines | false | Se mantenere le righe vuote. | |
| selector_separator_newline | false | Se inserire una nuova riga tra i selettori separati da virgola. Ad esempio: “.div, .P” |
|
| end_with_newline | false | Se terminare il file con una riga vuota. | |
| newline_between_rules | false | Se aggiungere una nuova riga dopo ogni regola CSS. | |
| space_around_selector_separator | true | Per avere sempre uno spazio intorno ai separatori di selettore: “>”, “+”, “~” Ad esempio: applicando la formattazione di origine, “a>b” diventa “a > b”. |
| JS | Regole | Valori predefiniti in Dreamweaver | Descrizione |
| “eol” | “\n” | Carattere utilizzato per rappresentare la fine della riga. | |
| preserve_newlines | true | Se mantenere le righe vuote. | |
| max_preserve_newlines | 3 | Per "max_preserve_newlines": N, sono mantenute N-1 righe vuote applicando la formattazione, quando nel file JS sono presenti più di N-1 righe vuote. Nota: max_preserve_newlines è applicabile solo se preserve_newlines è impostato su true. |
|
| space_after_anon_function | true | Se aggiungere uno spazio prima della parentesi di una funzione anonima. Ad esempio: applicando la formattazione di origine, “function()” diventa “function ()”. |
|
| keep_array_indentation | false | Consente o mantiene la nuova riga nel corpo di un array. | |
| space_before_conditional | true | Se aggiungere uno spazio prima di un’istruzione condizionale Ad esempio: applicando la formattazione di origine, “if(true)” diventa “if (true)”. |
|
| break_chained_methods | false | Consente o mantiene la nuova riga tra funzioni concatenate. Ad esempio: “foobar().baz()” |
|
| unescape_strings | false | Se ai caratteri stampabili nelle stringhe codificate in notazione\xNN non deve essere anteposta la barra rovesciata. Ad esempio: applicando la formattazione di origine, “\x65\x78\x61\x6d\x70\x6c\x65” diventa “example”. |
|
| wrap_line_length | 0 | Le righe devono andare a capo alla successiva opportunità dopo questo numero di caratteri. | |
| end_with_newline | true | Per garantire l’aggiunta di una riga nuova alla fine del file. |
|
| comma_first | false | Anche se interrompe la riga sulla virgola, questo flag è utilizzato per garantire che la virgola sia il primo carattere della riga. | |
| operator_position | after-newline | Se un’espressione condizionale lunga è divisa in più linee, questo flag viene utilizzato per definire la posizione degli operatori nelle righe. Il flag può essere modificato con i valori seguenti:
|
Le regole di formattazione per PHP sono le stesse di quelle della formattazione JS (descritte nella tabella sopra) con due regole aggiuntive riportate di seguito:
| PHP | Regole | Valori predefiniti in Dreamweaver | Descrizione |
| brace_style | collapse | con questa opzione potete controllare la posizione delle parentesi graffe: Ad esempio: function f() { // codice } oppure function f() { // Codice } Potete assegnare i valori seguenti:
|
|
| space_in_paren | true | Se aggiungere spazi dentro le parentesi. Ad esempio: include('header.php') diventa include( 'header.php' ) applicando la formattazione |
Altri contenuti simili
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.