Öppna en fil som stöds.
Ange inställningar som styr formatet på koden när du skapar eller redigerar en fil.
Formatera kod manuellt
-
-
Välj Redigera > Kod > Använd källkodsformatering.
Eller välj Använd källkodsformatering från verktygsfältet Allmänt > Formatera källkod.
Formatera markerad kod i en fil manuellt
-
Öppna koden.
-
Markera koden.
-
Välj Redigera > Kod > Använd källkodsformatering på markering.
Eller välj Använd källkodsformatering på markeringen från verktygsfältet Allmänt-> Formatera källkod.
Obs!Om du markerar kod mellan taggar och tillämpar källkodsformatering på markeringen kommer formateringen att tillämpas fram till den överordnade taggen.
Redigera standardregler för kodformatering
Du kan anpassa kodformateringen för CSS, JS och PHP genom att lägga till formateringsregler i .jsbeautifyrc-filen som finns i platsens rotmapp.
Gör så här för att lägga till .jsbeautifyrc-filen:
- Följande instruktioner gäller endast för CSS-, JS- och PHP-dokument.
- HTML-taggar i ett PHP-dokument formateras enligt inställningarna i taggbibliotek. Du kan formatera koden i PHP-block enligt de följande instruktionerna.
-
Skapa en ny fil i platsroten med filnamnet .jsbeautifyrc
-
Kopiera och klistra in standardreglerna för CSS, JS och PHP nedan i .jsbeautifyrc och spara filen.
{ "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": false, "space_in_paren":true } }
-
Redigera standardreglerna för att ändra formateringsreglerna enligt tabellen nedan. Spara sedan ändringarna.
Om du vill anpassa kodformateringen för PHP-, CSS- och JS-filer på andra Dreamweaver-platser måste du placera den anpassade .jsbeautifyrc-filen i platsens rotmapp.
Formateringsregler för CSS, JS och PHP:
CSS | Regler | Standardvärden i Dreamweaver | Beskrivning |
preserve_newlines | false | Om du vill bevara tomma rader. | |
selector_separator_newline | false | Om du vill infoga en ny rad mellan kommaseparerade väljare. Exempel: ".div, .P" |
|
end_with_newline | false | Om du vill avsluta filen med en tom rad. | |
newline_between_rules | false | Om du vill lägga till en ny rad efter varje CSS-regel. | |
space_around_selector_separator | true | För att garantera blanksteg runt väljarseparatorer: '>', '+', '~' Exempel: "a>b" blir "a > b" när källformatering tillämpas. |
JS | Regler | Standardvärden i Dreamweaver | Beskrivning |
"eol" | "\n" | Tecken som används för att indikera radens slut. | |
preserve_newlines | true | Om du vill bevara tomma rader. | |
max_preserve_newlines | 3 | För "max_preserve_newlines": N, N-1 tomma rader bevaras när formatering tillämpas, ifall fler än N-1 tomma rader finns i JS-filen. Obs! max_preserve_newlines kan bara tillämpas om preserve_newlines är true. |
|
space_after_anon_function | true | Om du vill lägga till blanksteg före en anonym funktions parentes. Exempel:"function()" blir "function ()" när källformatering tillämpas. |
|
keep_array_indentation | false | Tillåt eller bevara ny rad i array. | |
space_before_conditional | true | Om du vill lägga till ett blanksteg före en villkorssats Exempel: "if(true)" blir "if (true)" när formatering tillämpas. |
|
break_chained_methods | false | Tillåt eller bevara ny rad mellan kedjade funktioner. Exempel: `foobar().baz()` |
|
unescape_strings | false | Om utskrivbara tecken i strängar som kodats i \xNN-syntax ska förlora escape-tecken. Exempel: "\x65\x78\x61\x6d\x70\x6c\x65" blir "example" när källformatering tillämpas. |
|
wrap_line_length | 0 | Rader ska brytas vid nästa tillfälle efter detta teckenantal. | |
end_with_newline | true | För att lägga till en ny rad i slutet av filen. |
|
comma_first | false | När en rad bryts vid ett kommatecken används den här flaggan för att göra kommatecknet till det första tecknet på raden. | |
operator_position | after-newline | Om ett långt villkorsuttryck bryts upp i flera rader används den här flaggan för att ange operatörernas positioner i raderna. Du kan redigera flaggan med nedanstående värden:
|
Reglerna för PHP-formatering är desamma som för JS-formatering (beskrivs i ovanstående tabell) och har två ytterligare regler:
PHP | Regler | Standardvärden i Dreamweaver | Beskrivning |
brace_style | collapse | Du kan styra platsen för klammerparenteser med det här alternativet: Exempel: function f() { // kod } eller function f() { // Kod } Du kan tilldela värdena nedan:
|
|
space_in_paren | true | Om blanksteg ska läggas till inuti parenteser Exempel: include('header.php') blir include( 'header.php' ) när formatering tillämpas |