Klik op Bewerken > Voorkeuren (op Windows) of Dreamweaver > Voorkeuren (op Mac).
Laatst bijgewerkt op
27 apr. 2021
Lees hier hoe u in Dreamweaver code kunt samenvouwen en uitvouwen, zodat u secties van uw document kunt bekijken zonder te hoeven schuiven.
Je kunt codefragmenten samenvouwen (ook wel vouwen genoemd) en uitvouwen om verschillende secties van je document te bekijken zonder te scrollen.
Om bijvoorbeeld alle CSS-regels in de head-tag te zien die van toepassing zijn op een div-tag verderop op de pagina, vouw je de code tussen de head-tag en de div-tag samen om beide codesecties tegelijk te zien.
U kunt een gedeelte van de code selecteren om samen te vouwen. U kunt ook code samenvouwen in HTML-, PHP-, XML- en SVG-bestanden op basis van tagblokken. In CSS-, Less-, Sass-, SCSS- en JS-bestanden kun je code samenvouwen op basis van accolades.
- HTML-bestanden: in Dreamweaver wordt de HTML-code tussen de openingstag en afsluitende tag samengevouwen en worden de oorspronkelijke kenmerken (indien van toepassing) weergegeven in de samengevouwen code. Dreamweaver vouwt automatisch uit wanneer de code binnen het blok focus krijgt via Tag Selector, Zoeken en vervangen, Ga naar regel, Element Quick View, Live View of Ongedaan maken/Opnieuw.
Als de selectie verandert, wordt de code automatisch weer samengevouwen.
- CSS-, Less-, Sass-, SCSS- en JS-bestanden: Code binnen accolades wordt samengevouwen en de voorvertoning wordt weergegeven als {...}.
- PHP-bestanden: Naast PHP-codeblokken kunnen HTML-elementen en CSS- en JS-codeblokken ook worden samengevouwen.
Notitie
In bestanden die zijn gemaakt op basis van Dreamweaver-sjablonen, wordt alle code volledig uitgevouwen weergegeven ook al bevat het sjabloonbestand (.dwt) samengevouwen codefragmenten.
Voorkeuren instellen voor het minimum aantal coderegels voor samenvouwen
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 minder dan twee regels bevatten kunnen worden samengevouwen door de code te selecteren.
Om het minimum aantal regels voor het samenvouwen van code te wijzigen:
Klik op Codeopmaak in de Categorielijst en geef de minimale grootte voor het samenvouwen van code op.
Codefragmenten samenvouwen en uitvouwen
Alle code in de codeweergave wordt standaard in de uitgebreide modus weergegeven.
U kunt echter code samenvouwen door meerdere regels te selecteren en deze samen te vouwen. Je kunt ook code samenvouwen op basis van de syntaxis - tagblokken of accolades.
Notitie
De samengevouwen of uitgevouwen status van codeblokken blijft behouden tijdens verschillende Dreamweaver-sessies.
Code samenvouwen op basis van tagblokken of accolades
Om code samen te vouwen op basis van tagblokken of accolades:
In de Codeweergave verschijnt een kleine driehoek naast de regelnummers die overeenkomen met codeblokken die groter zijn dan het aantal regels voor het samenvouwen van code dat is opgegeven in de voorkeuren voor codevouwen.
Klik op het driehoekje om de code samen te vouwen of uit te vouwen.
Notitie
U kunt alle samengevouwen code in het document uitvouwen met de toetsenbordsneltoets Control+Alt+E (Win); Command+Alt+E (Mac).
Code samenvouwen op basis van een selectie
Om code samen te vouwen op basis van selectie:
Selecteer in de codeweergave het codefragment dat u wilt samenvouwen.
Klik op het driehoekpictogram dat verschijnt om de selectie samen te vouwen en uit te vouwen.
Code samenvouwen en uitvouwen met sneltoetsen
|
Opdracht |
Windows |
Macintosh |
|
Selectie samenvouwen |
Ctrl+Shift+C |
Command+Shift+C |
|
Buitenste selectie samenvouwen |
Ctrl+Alt+C |
Command+Alt+C |
|
Selectie uitvouwen |
Ctrl+Shift+E |
Command+Shift+E |
|
Volledige tag samenvouwen |
Ctrl+Shift+J |
Command+Shift+J |
|
Buitenste volledige tag samenvouwen |
Ctrl+Alt+J |
Command+Alt+J |
|
Alle uitvouwen |
Ctrl+Alt+E |
Command+Alt+E |
Een samengevouwen codefragment kopiëren en plakken
Klik op het samengevouwen codefragment om het fragment te selecteren.
Selecteer Bewerken > Kopiëren.
Plaats de cursor op het punt waar u de code wilt plakken.
Selecteer Bewerken > Plakken.
Prachtige websites ontwerpen in Dreamweaver
Ontwerp, codeer en beheer dynamische websites in een krachtige alles-in-één tool.
