Open een ondersteund bestand.
U kunt voorkeuren instellen die de opmaak van uw code bepalen wanneer u een bestand maakt of bewerkt.
Code handmatig opmaken
-
-
Selecteer Bewerken > Code > Bronopmaak toepassen.
Of selecteer Bronopmaak toepassen via de werkbalk Algemeen > Broncode opmaken.
Geselecteerde code in een bestand handmatig opmaken
-
Open de code.
-
Selecteer de code.
-
Selecteer Bewerken > Code > Bronopmaak toepassen op selectie.
Of selecteer Bronopmaak toepassen op selectie via de werkbalk Algemeen > Broncode opmaken.
Opmerking:Als u code tussen tags selecteert en bronopmaak toepast op de selectie, wordt de opmaak toegepast op de bovenliggende tag.
Standaardregels voor codeopmaak bewerken
U kunt de opmaak van CSS-, JS- en PHP-code aanpassen door opmaakregels toe te voegen aan het bestand .jsbeautifyrc in de hoofdmap van uw site.
Voer de volgende stappen uit om het bestand .jsbeautifyrc te bewerken:
- De volgende instructies zijn alleen van toepassing op CSS-, JS- en PHP-documenten.
- HTML-tags in een PHP-document worden opgemaakt op basis van voorkeuren in tagbibliotheken. U kunt de code in PHP-blokken opmaken met behulp van de onderstaande instructies.
-
Maak een nieuw bestand in de hoofdmap van de site met de naam .jsbeautifyrc.
-
Kopieer en plak de onderstaande opmaakregels voor CSS, JS en PHP in .jsbeautifyrc en sla het bestand op.
{ "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 } }
-
Bewerk de standaardcodeopmaakregels aan de hand van de onderstaande tabel en sla de wijzigingen op.
Als u de codeopmaak voor PHP-, CSS- en JS-bestanden in andere Dreamweaver-sites wilt aanpassen, moet u het aangepaste bestand .jsbeautifyrc in de hoofdmap van de site plaatsen.
Regels voor CSS-, JS- en PHP-opmaak:
CSS | Regels | Standaardwaarden in Dreamweaver | Beschrijving |
preserve_newlines | false | Geeft aan of u lege regels wilt behouden. | |
selector_separator_newline | false | Geeft aan of een nieuwe regel moet worden ingevoegd tussen door komma's gescheiden kiezers. Bijvoorbeeld: '.div, .P' |
|
end_with_newline | false | Geeft aan of u het bestand wilt eindigen met een lege regel. | |
newline_between_rules | false | Geeft aan of u een nieuwe regel wilt toevoegen na elke CSS-regel. | |
space_around_selector_separator | true | Hiermee zorgt u ervoor dat er een spatie wordt toegevoegd rond scheidingstekens: >, +, ~ Bijvoorbeeld: 'a>b' wordt 'a > b' wanneer de bronopmaak wordt toegepast. |
JS | Regels | Standaardwaarden in Dreamweaver | Beschrijving |
"eol" | "\n" | Teken dat wordt gebruikt om het einde van een regel aan te geven. | |
preserve_newlines | true | Geeft aan of u lege regels wilt behouden. | |
max_preserve_newlines | 3 | Voor "max_preserve_newlines": N blijven N-1 lege regels behouden wanneer de opmaak wordt toegepast indien er meer dan N-1 lege regels in het JS-bestand aanwezig zijn. Opmerking: max_preserve_newlines is alleen van toepassing als preserve_newlines is ingesteld op true. |
|
space_after_anon_function | true | Geeft aan of een spatie moet worden toegevoegd voor het haakje van een anonieme functie. Bijvoorbeeld: 'function()' wordt 'function ()' wanneer de bronopmaak wordt toegepast. |
|
keep_array_indentation | false | Nieuwe regels binnen het hoofdgedeelte van een array toestaan of behouden. | |
space_before_conditional | true | Geeft aan of een spatie moet worden toegevoegd voor een voorwaardelijke instructie Bijvoorbeeld: 'if(true)' wordt 'if (true)' wanneer de opmaak wordt toegepast. |
|
break_chained_methods | false | Nieuwe regels tussen functies in een keten toestaan of behouden. Bijvoorbeeld: 'foobar().baz()' |
|
unescape_strings | false | Geeft aan of afdrukbare tekens in tekenreeksen die zijn gecodeerd in de notatie \xNN, normaal moeten worden weergegeven. Bijvoorbeeld: '\x65\x78\x61\x6d\x70\x6c\x65' verandert in 'example' wanneer de bronopmaak wordt toegepast. |
|
wrap_line_length | 0 | Regels moeten na dit aantal tekens bij de eerstvolgende mogelijkheid worden omgeslagen. | |
end_with_newline | true | Hiermee zorgt u ervoor dat er een nieuwe regel wordt toegevoegd aan het einde van het bestand. |
|
comma_first | false | Wanneer een regel wordt afgebroken bij een komma, wordt deze code gebruikt om ervoor te zorgen dat de komma het eerste teken op de regel is. | |
operator_position | after-newline | Als een lange voorwaardelijke expressie over meerdere regels wordt opgebroken, wordt deze code gebruikt om de positie van operatoren op de regels te definiëren. U kunt de code bewerken met de onderstaande waarden:
|
De regels voor PHP-opmaak zijn hetzelfde als voor JS-opmaak (beschreven in voorgaande tabel) met deze twee extra regels:
PHP | Regels | Standaardwaarden in Dreamweaver | Beschrijving |
brace_style | collapse | U kunt de positie van accolades bepalen met deze optie: Bijvoorbeeld: function f() { // code } of function f() { // Code } U kunt de onderstaande waarden toewijzen:
|
|
space_in_paren | true | Geeft aan of spaties worden toegevoegd binnen de haakjes. Bijvoorbeeld: include('header.php') wordt include( 'header.php' ) wanneer de opmaak wordt toegepast |