การสังเคราะห์สีไวยากรณ์ภาษาด้วยจาวาสคริปต์ โดยใช้ SyntagHighlighter
เขียนโดย อ.จักรกฤษณ์ แสงแก้ว สาขาสารสนเทศศาสตร์ คณะวิทยาการสารสนเทศ มหาวิทยาลัยมหาสารคาม
เริ่มเขียนบทความ 10.55 (9 ส.ค. 2555)

ผมเขียนบทความ การใช้งาน Threading ด้วยภาษา PHP ในระหว่างนั้นได้ศึกษาการสังเคราะห์สีไวยากรณ์ภาษา เมื่อเขียนบทความดังกล่าวจบจึงได้เริ่มเขียนบทความ เรื่องการสังเคราะห์สีไวยากรณ์ภาษาด้วยจาวาสคริปต์ต่อ ในความเป็นจริงมีเครื่องมือในการสังเคราะห์สีให้กับไวยากรณ์ภาษาอื่นอีกจำนวนมากให้ใช้งานได้ฟรี แต่ในในวันนี้ผมจะนำท่านศึกษาการใช้งาน SyntagHighlighter มีสาระสำคัญดังนี้

วัตถุประสงค์
สามารถสังเคราะห์สีให้กับไวยากรณ์ภาษาด้วย SyntagHighlighter ได้

หลักการใช้งาน SyntagHighlighter
- หลักการมีเพียง 2 ข้อ คือ
1. include สคริปต์ Syntaghighlighter ซึ่งสร้างจากภาษาจาวาสคริปต์
2. เขียนโค๊ดภาษาใส่ไว้ภายในแท็ก <pre>

ข้อดีของการสังเคราะห์สีไวยากรณ์ภาษาด้วย SyntagHighlighter
1. สร้างสีสรรค์ให้เกิดความน่าสนใจให้กับโค๊ดภาษาต่าง ๆ
2. สามารถสังเคราะห์สีไวยากรณ์ภาษาได้หลากหลายภาษา
3. ทำงานผ่าน Web Browser
4. การประมวลผลกระทำที่ฝั่ง Client ดังนั้น แม่ข่ายไม่มีโหลดการประมวลผล

ขั้นตอนการดำเนินการ
ขั้นที่ 1 : ดาวน์ดโหลดไลบรารี่ SyntagHighlighter

ขั้นที่ 2 : แตกไฟล์ออกจาก zip และเก็บไว้ในไดเร็คทอรี่บน Web Server ของท่าน

ขั้นที่ 3 : เขียนคำสั่งในการ include ไลบรารี่เข้ามาใช้งาน ดังนี้

ปล. ท่านสามารถเปลี่ยน http://thai-learning.org/tools/sh เป็นไฟล์ในเครื่องแม่ข่ายของท่านได้ หรือท่านอาจจะใช้ไฟล์จาก server ของผมได้เช่นกันครับ โดยไม่ต้องแก้ไขโค๊ดการ include เพราะบราวเซอร์จะโหลดมาที่เว็บ thai-learning.org โดยอัตโนมัติครับ

ขั้นที่ 4: ในเอกสาร HTML ที่ต้องการให้สังเคราะห์สีของไวยากรณ์ภาษา ให้ตั้งชื่อ ดังนี้

<pre class="brush: php;">
main(){
	printf("Hello World");
}
</pre>

ขั้นที่ 5: ผลลัพธ์แสดงได้ดังนี้

main(){
	printf("Hello World");
}

ในการสังเคราะห์สีไวยากรณ์ภาษานั้น สามารถกำหนดไว้หลายภาษา ดังต่อไปนี้
bash , shell
cpp , c
c# , c-sharp , csharp
css
delphi , pascal
diff , patch
groovy
java
js , jscript , javascript
perl , Perl , pl
php
text , plain
py , python
ruby , rails , ror
scala
sql
vb , vbnet
xml , xhtml , xslt , html , xhtml

สรุปผล
สำหรับวันนี้ได้ศึกษาการสังเคราะห์สีให้กับไวยากรณ์ภาษา ด้วย SyntagHighlighter ซึ่งเขียนด้วยภาษาจาวาสคริปต์ หวังเป็นอย่างยิ่งว่าบทความนี้จะเป็นประโยชน์ต่อท่าน พบกันใหม่โอกาสต่อไป สำหรับวันนี้ ขอกล่าวคำว่า สวัสดีครับ

สิ้นสุดบทความ : 11.20 น. (9 ส.ค. 2555)