Handboek Annuleren

Code opmaken

Zoeken

Laatst bijgewerkt op 2 mei 2021

Dreamweaver

App openen

U kunt voorkeuren instellen die de opmaak van uw code bepalen wanneer u een bestand maakt of bewerkt.

Code handmatig opmaken

Open een ondersteund bestand.
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 een deel van 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:

Opmerking:

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.
Start Dreamweaver opnieuw en pas codeopmaak toe voor een CSS-, JS- en PHP-bestand.

Code wordt opgemaakt volgens de bijgewerkte opmaakregels.

Opmerking:

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: before-newline after-newline preserve-newline

Opmerking:

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

}

function f()

{

// Code

}

U kunt de onderstaande waarden toewijzen:

'collapse': plaatst accolades op dezelfde regel als de besturingsinstructies
'expand': plaatst accolades op een eigen regel (Allman/ANSI-stijl)
'end-expand': plaatst afsluitende accolades op een eigen regel
'none': probeert de accolades te houden waar ze zijn
een van de bovenstaande + ',preserve-inline': preserve-inline probeert inline blokken met accolades te behouden

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

Verwante informatie

De codeopmaak wijzigen

Krijg sneller en gemakkelijker hulp

Nieuwe gebruiker?

Code opmaken

Code handmatig opmaken

Geselecteerde code in een bestand handmatig opmaken

Standaardregels voor codeopmaak bewerken

Verwante informatie

Krijg sneller en gemakkelijker hulp

Vraag het de community

Contact met ons opnemen