Coderingsvoorkeuren instellen

Laatst bijgewerkt op 8 dec. 2025

Meer informatie over het instellen van coderingsvoorkeuren, codethema's, codeopmaak en voorkeuren voor het herschrijven van code in Dreamweaver.

Je kunt codeervoorkeuren instellen zoals codeformattering en -kleuring, en andere opties, om aan je specifieke behoeften te voldoen.


  • Als u geavanceerde voorkeuren wilt instellen, gebruikt u de tagbibliotheek-editor (zie Tagbibliotheken beheren).
  • Dreamweaver ondersteunt opmaak voor de bestandstypen CSS, JS en PHP. Voor informatie over het aanpassen van PHP-, CSS- en JS-codeformattering, zie Code formatteren

Het uiterlijk van de code instellen

Je kunt woordomloop instellen, regelnummers voor de code weergeven, syntaxiskleuring voor code-elementen instellen, inspringing instellen en verborgen tekens tonen via het menu Weergave > Code-weergaveopties.

Een document weergeven in de codeweergave of de codecontrole.

Selecteer Weergave > Code-weergaveopties.

Schakel een of meer van de volgende opties in of uit:

Tekstterugloop

Vouwt de code zo dat je deze kunt bekijken zonder horizontaal te scrollen. Deze optie voegt geen regeleinden toe; het maakt de code alleen makkelijker leesbaar.

Regelnummers

Hiermee kunt u regelnummers naast de code weergeven.

Verborgen tekens

Hiermee kunt u speciale tekens weergeven in plaats van witruimte. Zo wordt een spatie vervangen door een stip, een tab door een dubbele chrevron en een regeleinde door een alineamarkering.

Notitie

Tijdelijke regeleinden die Dreamweaver gebruikt voor tekstterugloop worden niet weergegeven door een alineamarkering.

Syntaxiskleuring

Hiermee kunt u codekleuren in- of uitschakelen. Zie Codekleuren instellen voor informatie over het wijzigen van het kleurenschema.

Automatisch inspringen

Hiermee kunt u ervoor zorgen dat code automatisch inspringt wanneer u op Enter drukt terwijl u code schrijft. De nieuwe coderegel springt in tot hetzelfde niveau als de vorige regel. Zie de optie Tabgrootte in De codeopmaak wijzigen voor informatie over hoe u de grootte van de inspringing wijzigt.

De codeopmaak wijzigen

U kunt het uiterlijk van uw code wijzigen door opmaakvoorkeuren in te stellen, zoals inspringing, regellengte en het gebruik van hoofdletters en kleine letters voor namen van tags en kenmerken.

Alle opties voor codeopmaak, behalve de optie Hoofdlettergebruik vervangen in, worden alleen automatisch toegepast op nieuwe documenten of toevoegingen aan documenten die u daarna maakt.

Om bestaande HTML-documenten opnieuw te formatteren, open je het document en selecteer je Bewerken > Code > Bronopmaak toepassen.

Selecteer Bewerken > Voorkeuren.
Selecteer Codeopmaak in de lijst Categorie aan de linkerkant.
Stel vervolgens de volgende opties naar wens in:

Inspringen

Geeft aan of door Dreamweaver gegenereerde code moet worden ingesprongen (volgens de inspringingregels die in deze voorkeuren zijn opgegeven) of niet.

De meeste inspringingopties in dit dialoogvenster zijn alleen van toepassing op code die door Dreamweaver wordt gegenereerd, niet op code die je zelf typt. Als u wilt dat elke nieuwe regel code die u typt, inspringt tot hetzelfde niveau als de vorige regel, selecteert u Weergave > Codeweergaveopties > Automatisch inspringen. Zie Het uiterlijk van de code instellen voor meer informatie.

Met

(Tekstvak en pop-upmenu) Specificeert hoeveel spaties of tabs Dreamweaver moet gebruiken voor het inspringen van code die het genereert. Als je bijvoorbeeld 3 in het vak typt en Tabs selecteert in het pop-upmenu, dan wordt door Dreamweaver gegenereerde code ingesprongen met drie tabtekens voor elk niveau van inspringing.

Tabgrootte

Hiermee bepaalt u hoeveel tekens breed elk tabteken in de codeweergave wordt weergegeven. Als Tabgrootte bijvoorbeeld is ingesteld op 4, wordt elke tab in de codeweergave weergeven als een spatie van vier tekens breed. Als bovendien Inspringen met is ingesteld op 3 tabs, dan wordt door Dreamweaver gegenereerde code ingesprongen met drie tabtekens voor elk niveau van inspringing, wat in de codeweergave verschijnt als een twaalf tekens brede spatie.

Dreamweaver springt in met spaties of tabs; het converteert geen reeks spaties naar een tab bij het invoegen van code.

Emmet

Selecteer deze optie als u van plan bent om Emmet-afkortingen te gebruiken terwijl u code schrijft. Als u deze optie selecteert, zorgt u ervoor dat wanneer u op Tab drukt, Dreamweaver de Emmet-afkorting omzet in volledige HTML- of CSS-code. Voor meer informatie over het gebruik van Emmet, zie De Emmet-toolkit gebruiken met Dreamweaver.

Type regeleinde

Hiermee kunt u het type externe server (Windows, Macintosh of UNIX) opgeven die als host optreedt voor de externe site. Als u het juiste type regeleindeteken selecteert, zorgt u ervoor dat de HTML-broncode correct wordt weergegeven op de externe server. Deze instelling is ook handig als u werkt met een externe teksteditor die alleen bepaalde soorten regeleinden herkent. Gebruik bijvoorbeeld CR LF (Windows) als Kladblok uw externe editor is en gebruik CR (Macintosh) als SimpelTekst uw externe editor is.

Voor servers waarmee u verbinding maakt via FTP is deze optie alleen van toepassing op de binaire overdrachtsmodus. In de ASCII-overdrachtsmodus negeert Dreamweaver deze optie. Als je bestanden downloadt met ASCII-modus, stelt Dreamweaver regeleinden in op basis van het besturingssysteem van je computer; als je bestanden uploadt met ASCII-modus, worden alle regeleinden ingesteld op CR LF.

TD-tag: Geen regeleinde opnemen binnen de TD-tag

Lost een weergaveprobleem op dat voorkomt in sommige oudere browsers wanneer er witruimte of regeleinden direct na een <td>-tag of direct voor een </td>-tag staan. Wanneer je deze optie selecteert, schrijft Dreamweaver geen regeleinden na een <td> of voor een </td> tag, zelfs niet als de opmaak in de Tag-bibliotheek aangeeft dat het regeleinde daar zou moeten staan.

Geavanceerde opmaak

Hiermee kun je opmaakopties instellen voor individuele tags en attributen in de Tag-bibliotheek-editor.

Witruimteteken

(Alleen Japanse versie) Hiermee kun je kiezen tussen &nbsp; of Zenkaku-spatie voor HTML-code. De geselecteerde witruimte in deze optie wordt gebruikt voor lege tags bij het maken van een tabel en wanneer de optie "Meerdere opeenvolgende spaties toestaan" is ingeschakeld in Japanse codering pagina's.

Minimumformaat voor code invouwen

De standaardinstelling voor het minimum aantal regels code voor samenvouwen is twee regels. Met deze standaardinstelling kunnen alle codefragmenten met ten minste twee regels code worden samengevouwen. Codefragmenten die kleiner zijn dan twee regels, kunnen alleen worden samengevouwen door de code te selecteren. Voor meer informatie over code samenvouwen, zie Code samenvouwen en uitvouwen.

Voorkeuren voor het herschrijven van code instellen

Gebruik de codeherschrijfvoorkeuren om op te geven hoe en of Dreamweaver je code wijzigt bij het openen van documenten, bij het kopiëren en plakken van formulierelementen, en bij het invoeren van attribuutwaarden en URL's met hulpmiddelen zoals de Eigenschappencontrole. Deze voorkeuren hebben geen effect wanneer je HTML of scripts bewerkt in de codeweergave.

Als je de herschrijfopties uitschakelt, worden ongeldige markup- items weergegeven in het documentvenster voor HTML die het zou hebben herschreven.

Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh).
Selecteer Code herschrijven in de lijst Categorie aan de linkerkant.
Stel vervolgens de volgende opties naar wens in:

Onjuist geneste en niet-afgesloten tags corrigeren

Herschrijft overlappende tags. Bijvoorbeeld, <b><i>text</b></i> wordt herschreven als <b><i>text</i></b>. Deze optie voegt ook sluitende aanhalingstekens en sluitende haakjes toe als deze ontbreken.

Namen van formulieritems wijzigen als deze worden geplakt

Hiermee voorkomt u dubbele namen voor formulierobjecten. Deze optie is standaard ingeschakeld.

In tegenstelling tot de andere opties in dit voorkeurenvenster wordt deze optie niet toegepast wanneer u een document opent, maar alleen wanneer u een formulierelement kopieert en plakt.

Extra afsluitende tags verwijderen

Verwijdert sluitende tags die geen bijbehorende openingstag hebben.

Waarschuwen wanneer tags worden gecorrigeerd of verwijderd

Hiermee geeft u een overzicht weer van technisch ongeldige HTML-codes die Dreamweaver heeft geprobeerd te corrigeren. De samenvatting geeft de locatie van het probleem aan (met regel- en kolomnummers) zodat je de correctie kunt vinden en kunt controleren of deze wordt weergegeven zoals bedoeld.

Deze code nooit herschrijven: In bestanden met extensies

Hiermee kun je voorkomen dat Dreamweaver code herschrijft in bestanden met de opgegeven bestandsextensies. Deze optie is vooral handig voor bestanden die derde partij tags bevatten.

<, >, & en &#34; in kenmerkwaarden coderen met &

Hiermee zorgt u ervoor dat de kenmerkwaarden die u invoert of bewerkt met hulpmiddelen van Dreamweaver, zoals de eigenschappencontrole, alleen geldige tekens bevatten. Deze optie is standaard ingeschakeld.

Deze optie en de volgende opties zijn niet van toepassing op URL's die u in de codeweergave typt. Ook wijzigen ze bestaande code in een bestand niet.

Speciale tekens niet coderen

Voorkomt dat Dreamweaver URL's wijzigt om alleen geldige tekens te gebruiken. Deze optie is standaard ingeschakeld.

Speciale tekens in URL's coderen met &#

Zorgt ervoor dat wanneer je URL's invoert of bewerkt met Dreamweaver Tools zoals de Eigenschappencontrole, deze URL's alleen geldige tekens bevatten.

Speciale tekens in URL's coderen met %

Werkt op dezelfde manier als de voorgaande optie, maar gebruikt een andere methode voor het coderen van speciale tekens. Deze coderingsmethode (met gebruik van het procentteken) is mogelijk beter compatibel met oudere browsers, maar werkt niet zo goed met tekens uit sommige talen.

Voorkeuren voor coderingstips instellen

Gebruik de coderingstip-voorkeuren om te configureren hoe je wilt dat coderingstips voor je werken. 

Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh).

Voorkeuren voor coderingstips instellen

Selecteer Coderingstips uit de categorie aan de linkerkant.

Stel vervolgens de volgende opties naar wens in:

Tags sluiten

Geef aan hoe je wilt dat Dreamweaver tags sluit.

  • Na het typen van "</" - 
  • Na het typen van de openingstag ">" - Selecteer deze optie als je wilt dat Dreamweaver automatisch een sluitende tag toevoegt nadat je de openingstag sluit.
  • Nooit - Stel deze optie in als je niet wilt dat Dreamweaver automatisch sluitende tags toevoegt.

Coderingstips inschakelen

Selecteer deze optie als u het weergeven van coderingstips en codevoltooiing in Dreamweaver wilt in- of uitschakelen. Voor meer informatie over Dreamweaver's coderingstips en code-aanvullingsfuncties, zie Coderingstips en code-aanvulling.

Beschrijvende knopinfo inschakelen

Selecteer deze optie als u wilt dat er beschrijvingen worden weergegeven bij uw coderingstips. Deze beschrijvingen geven aanvullende informatie over de code die je schrijft.

Automatisch accolades invoegen Wanneer deze optie is ingeschakeld, wordt er automatisch een afsluitende accolade ingevoegd wanneer de gebruiker een openingsaccolade typt. Als deze optie is uitgeschakeld, wordt er geen afsluitende accolade ingevoegd wanneer de gebruiker een openingsaccolade typt. Geldt voor alle soorten haakjes en alle bestandstypen (html, php, css, js).

Automatisch aanhalingstekens invoegen Wanneer deze optie is ingeschakeld, wordt er automatisch een afsluitend aanhalingsteken ingevoegd wanneer de gebruiker een openingsaanhalingsteken typt. Als deze optie is uitgeschakeld, wordt er geen afsluitend aanhalingsteken ingevoegd wanneer de gebruiker een openingsaanhalingsteken typt. Geldt voor zowel enkele als dubbele aanhalingstekens en alle bestandstypen (html, php, css, js).

Voorkeur voor automatisch aanvullen van codes instellen

Je kunt het automatisch sluiten van haakjes en aanhalingstekens in- en uitschakelen door de volgende stappen uit te voeren:

Open het brackets.json bestand vanaf de volgende locatie:

  • Win: %appdata%\Adobe\Dreamweaver CC 2018\en_US\Configuration\Brackets\
  • Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Brackets/
     

Om het automatisch sluiten van haakjes en ronde haakjes uit te schakelen, stel je autoCloseBraces in op false.

Om het automatisch invoegen van overeenkomende aanhalingstekens uit te schakelen, stel autoCloseQuotes in op False.

Als u het automatisch sluiten van haakjes en overeenkomende aanhalingstekens wilt inschakelen, stel dan de bovengenoemde waarden in op true.

Voorkeur voor automatisch aanvullen van code instellen in Dreamweaver
Voorkeur voor automatisch aanvullen van code instellen in Dreamweaver

Sla het .json-bestand op en start Dreamweaver.

PHP-voorkeuren instellen

U kunt selecteren in welke ontwikkelomgeving voor PHP-codering u wilt werken. U kunt dit doen op site-specifieke basis voor individuele sites waaraan u werkt, of op algemene basis voor alle PHP-bestanden die buiten Dreamweaver sites worden opgeslagen.

Dreamweaver stelt de codecontroles en linting-controles in voor de geselecteerde PHP-taalversie.

Volg deze stappen om PHP-codeversievoorkeuren in te stellen voor niet-sitespecifieke bestanden:

Selecteer Edit > Preferences (Windows) of Dreamweaver > Preferences (Macintosh).

Stel PHP in via de categorielijst aan de linkerkant.

Kies een PHP-versie uit de PHP Version vervolgkeuzelijst en klik op Apply.

Volg deze stappen om de PHP-versie voor een specifieke site in te stellen:

Selecteer in het dialoogvenster Site-instellingen onder Advanced Settings de optie PHP.

Kies een PHP-versie uit de PHP Version vervolgkeuzelijst en klik op Save.

PHP-voorkeuren instellen per site
PHP-voorkeuren instellen per site

Kleurenthema's en codethema's instellen

Wanneer u Dreamweaver start, kunt u het kleurenthema van uw voorkeur kiezen. U kunt deze voorkeur ook op elk gewenst moment wijzigen.

Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh).

Selecteer Interface in de lijst Categorie aan de linkerkant.

Kies een thema in de lijst met kleurenthema's. 

Nadat u het interfacethema hebt ingesteld, stelt u het codethema in.

U kunt kiezen voor een licht of donker codethema.

Klik op Toepassen om de wijzigingen op te slaan.

U kunt de codekleuren verder aan uw wensen aanpassen. Zie voor meer informatie Codekleuren aanpassen.

Een externe editor gebruiken

U kunt een externe editor opgeven voor het bewerken van bestanden met specifieke bestandsextensies. U kunt bijvoorbeeld vanuit Dreamweaver een tekstverwerker zoals BBEdit, Notepad of TextEdit starten om JavaScript (JS)-bestanden te bewerken.

U kunt verschillende externe editors toewijzen aan verschillende bestandsextensies.

Een externe editor instellen voor een bestandstype

Selecteer Bewerken > Voorkeuren.
Selecteer Bestandstypen/Editors uit de categorielijst aan de linkerkant, stel de opties in en klik op OK.

Openen in de codeweergave

Geeft de bestandsextensies aan die automatisch worden geopend in de codeweergave in Dreamweaver.

Gewijzigde bestanden opnieuw laden

Bepaalt het gedrag wanneer Dreamweaver detecteert dat er externe wijzigingen zijn aangebracht aan een document dat is geopend in Dreamweaver.

Opslaan bij het starten

Geeft aan of Dreamweaver het huidige document altijd moet opslaan voordat de editor wordt gestart, het document nooit moet opslaan, of moet vragen of het document moet worden opgeslagen telkens wanneer u de externe editor start.

Fireworks

U kunt Fireworks met Dreamweaver verbinden door hier het pad naar de app op te geven.