DreamWeaver snippets

Ik schrijf mijn HTML codes en PHP het liefst zelf, dus in DreamWeaver werk ik in de code-view. Nu is het zo, dat bepaalde soorten code regelmatig terugkomen en dan moet je ze elke keer opnieuw typen, of plakken uit een ander document. Bijvoorbeeld een for-lus of een sql statement.

In DreamWeaver is er een mooie optie die "code snippets" heet waarmee je vaak terugkerende stukjes code snel in kunt voegen.

Kijk eens naar onderstaand stukje code:

<?php
// een for loop
for ($i = 0; $i < $n; $i++) {

}
?>

Deze komt bij mij nogal vaak voor. Natuurlijk is die $n niet altijd hetzelfde, maar die pas ik dan zelf wel aan.
We gaan een snippet maken van dit stukje code.

1) Selecteer de regels die je in de snippet op wilt nemen. De manier die ik gebruik is:
- ik ga naar de eerste regel die ik wil selecteren en ik druk op "home"
- ik druk de shift toets in en houd hem vast
- ik druk een aantal keer op pijltje omlaag
- als je tevreden bent met de selectie kun je shift loslaten
- met Ctrl + C kopieer je het stukje code

Zo kun je heel snel een aantal regels onder elkaar selecteren. Je kunt natuurlijk ook slepen met de muis.

2) Ga naar het Snippets venster met Shift + F9. Je kunt hier een nieuwe map aanmaken met je eigen snippets door op het map-icoontje te klikken aan de rechteronderkant van het snippets venster. Daarna klik je op het icoontje "New Snippet" (die met het plusteken).

Er verschijnt nu een dialoogvenster met de volgende velden:

- Name: Probeer een korte naam te verzinnen, die toch goed beschrijft wat de snippet doet. In dit geval bijvoorbeeld "for loop".

- Description: Beschrijving van de snippet. Mag je ook leeg laten.

- Snippet Type: Kies hier voor "Insert Block". Wat "Wrap selection" doet leg ik in een volgende tut wel eens uit. Met een beetje experimenteren kom je er trouwens zelf ook wel achter :-)

- Insert code: Hier plak je de code in die je eerder gekopieerd hebt. Toetscommando: Ctrl + V. Je kunt ook met je rechtermuisknop in het witte vlak klikken en vervolgens "plakken" kiezen.

3) Als alle velden ingevuld zijn, klik je OK

Stel, je zit in de code view, en je hebt een for loop nodig. Nu handel je als volgt:

1) Zet de cursor op de plek waar je de snippet wilt invoegen

2) Ga naar het Snippets window (Shift + F9) en selecteer je eigen snippet. In ons voorbeeld heet hij "for loop" en staat hij in een map die je zelf aangemaakt hebt en waarvan je de naam dus nog moet weten.

3) Klik op "Insert" aan de onderkant van het Snippets window en klaar!

Ja, dat kan NOG sneller! Je kunt namelijk sneltoetsen koppelen aan snippets. Dat gaat als volgt:

1) Ga naar menu [Edit] > [Keyboard Shortcuts...]

2) Bij "Current set" staat zeer waarschijnlijk "Macromedia Standard". Deze standaardset kun je niet wijzigen, dus moeten we eerst een kopie maken. Rechtsboven in het dialoogvenster staan wat buttons. De eerste heet "Duplicate Set..." Als je die klikt, vraagt hij om een naam.

3) Nu staat bij "Current set" je eigen naam, je eigen set met sneltoetsen die je naar hartelust aan kunt passen.

4) Bij "Commands" kies je nu voor "Snippets". In de lijst daaronder zoek je naar de map die je in het het Snippets venster hebt aangemaakt. In die map selecteer je "for loop"

5) Nu kun je een toetscombinatie toewijzen aan je snippet. Het gemakkelijkst is om het onderste veld (Press Key) aan te klikken en daarna de toetscombinatie in te drukken die je wilt gebruiken. Bijvoorbeeld: Ctrl + Alt + F

LET OP 1: je moet van Dreamweaver in ieder geval de Ctrl toets gebruiken.
LET OP 2: sommige toetscombinaties zijn al bezet. In dat geval krijg je een seintje en kun je een andere kiezen, of de bestaande overschrijven.

6) Als je tevreden bent, klik je OK


Nu kun je de snippet gaan testen.

1) Open een new PHP document
2) zet de cursor ergens neer waar je de snippet in wilt voegen.
3) typ Ctrl + Alt + F
4) neem een kopje koffie/thee op de goede afloop ;-)