เก็บ Code ที่ชื่นชอบไว้ใช้นาน ๆ (Snippets Panel) [Article ID : 50]

หากผู้ใช้งานโปรแกรม Dreamweaver มีโค้ดโปรแกรม เช่น โค้ด JavaScript, PHP หรืออื่น ๆ ที่ต้องการเก็บโค้ดนั้นไว้ใช้กับโปรแกรม Dreamweaver ผู้ใช้งานโปรแกรมสามารถเก็บโค้ดนั้นไว้ได้กับ Snippets Panel ด้วยวิธีการ ดังนี้

1. เปิดไฟล์ที่มีโค้ดโปรแกรมขึ้นมากับ Dreamweaver ซึ่งโค้ดนี้เราต้องการใช้เป็นต้นฉบับเก็บไว้ใช้ต่อไป
2. จากนั้นไปที่ในส่วนของ Code View ดังรูป 3. ทำการเลือกโค้ดที่เราต้องการนำไปเก็บไว้ใช้
4. จากนั้นคลิกขวา (Right Click) แล้วเลือกที่เมนู Create New Snippet ดังรูป 5. โปรแกรมเปิดหน้าต่าง Snippet ขึ้นมาเพื่อให้กำหนดค่า ดังรูป การกำหนดค่า
Name : พิมพ์ชื่อโค้ดที่ต้องการ
Description : คำอธิบายโค้ด
Snippet Type : รูปแบบของโค้ดเลือกเป็น Insert Block *เนื่องจากโค้ดที่จัดเก็บเป็นโค้ดที่ไม่มีการเปิดปิด Tag เพื่อเขียนข้อมูลเพิ่ม
Insert Code : โค้ดที่จัดเก็บ
Preview type : Code

6. เมื่อกำหนดค่าดังในข้อ 5 แล้ว กดที่ OK ของหน้าต่าง เราก็จะได้โค้ดเก็บไว้ใช้แล้วครับ

การนำโค้ดจาก Snippets มาใช้งาน

เมื่อได้ทำการเก็บโค้ดไว้แล้ว หากเราต้องการนำโค้ดนั้นมาใช้งานกับเว็บเพจอื่น ๆ สามารถกระทำได้ ดังนี้

7. เปิดหน้าต่าง Snippets ขึ้นมา โดยไปที่ Menu -> Window -> Snippets ดังรูป 8. ที่ Snippets Panel จะพบว่ามีโค้ดที่เราเก็บไว้ปรากฎอยู่ ดังรูป 9. ที่ไฟล์ที่ต้องการนำโค้ดนี้ไปใช้ให้เปิดไปที่มุมมองโค้ด จากนั้นทำการลากโค้ดจาก Snippets Panel ไปวางยังตำแหน่งโค้ดที่ต้องการ ดังรูป 10. ซึ่งเมื่อวางโค้ดแล้วจะได้โค้ด ซึ่งเป็นโค้ดเดียวกับที่เราได้เก็บไว้จากขั้นตอนที่ผ่านมานั่นเอง ดังรูป