[Howto] Syntax Highlighter on Exteen

posted on 11 Apr 2009 13:18 by tonhor in Technic

เริ่มกันเลยครับ

  • copy โค้ดด้านล่างนี้ไปวางไว้ในบทความ
<script type="text/javascript" src="http://tonhor.mangluck.com/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="http://tonhor.mangluck.com/syntaxhighlighter/scripts/shBrushAll.js"></script>

<link type="text/css" rel="stylesheet" href="http://tonhor.mangluck.com/syntaxhighlighter/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="http://tonhor.mangluck.com/syntaxhighlighter/styles/shThemeDefault.css"/>

<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = 'http://tonhor.mangluck.com/syntaxhighlighter/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

  • ต่อไปก็เป็นการใส่ syntaxhighlighter กับข้อความของเราด้วยโค้ด
<pre class="brush: c-sharp;">
function test() : String {
     return 10;
}
ในตัวอย่างผมกำหนด class="brush: c-sharp;" ก็จะได้ syntaxhighlighter ของ C#
function test() : String {
     return 10;
}
  • ภาษาที่ syntaxhighlighter รองรับมีอะไรบ้าง
    • 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
หมายเหตุ ชื่อด้านบนคือชื่อที่ใช้อ้างอิงในโค้ด เช่น ต้องการ syntaxhighlighter ของ javascriptก็สามารถใช้ได้ทั้ง  class="brush: js;"  /  class="brush: jscript;"  /  class="brush: javascript;"

 นอกจากนั้น syntaxhighlighter ยังสามารถกำหนดบรรทัดเริ่มต้นและ highlight บรรทัดได้
Example 1 : php 
<pre class="brush: php; first-line: 10; highlight: [13]">
        // test php code
	 if ($you == 'สาวแว่น'){
		$sql="INSERT INTO urHeart SET ที่ว่าง = '$Me' ";
		$result_insert = mysql_query($sql) or die("can't query to urHeart.");
	 }
</pre>

จากโค้ดคือ ให้เริ่มบรรทัดแรกคือ 10 และ highlight ที่บรรทัด 13

        // test php code
	 if ($you == 'สาวแว่น'){
		$sql="INSERT INTO urHeart SET ที่ว่าง = '$Me' ";
		$result_insert = mysql_query($sql) or die("can't query to urHeart.");
	 }


Example 2 : text ใช้ในกรณีเขียนข้อความทั่วไป
<pre class="brush: text; highlight: [ 2, 5, 8 ]">
ฉันกำลังใช้ความคิด
เป็นแมนหน่อยสิ
พ่อแม่ฉันอยากพบคุณ
ฉันปวดหัว
แฟนเก่าฉันไม่เคยทำกับฉันแบบนี้
คุณคิดอะไรอยู่
คุณว่าผู้หญิงคนนั้นน่ารักไหม
คุณว่าวันนี้ฉันมีอะไรเปลี่ยนไป
เพี่อนฉันแต่งงานแล้วนะ
เราต้องคุยกัน
</pre>

จากโค้ดคือ ให้ highlight ที่บรรทัด 2, 5, 8
10 ประโยคเด็ดที่ทำให้ผู้ชายสะอึก!
ฉันกำลังใช้ความคิด
เป็นแมนหน่อยสิ
พ่อแม่ฉันอยากพบคุณ
ฉันปวดหัว
แฟนเก่าฉันไม่เคยทำกับฉันแบบนี้
คุณคิดอะไรอยู่
คุณว่าผู้หญิงคนนั้นน่ารักไหม
คุณว่าวันนี้ฉันมีอะไรเปลี่ยนไป
เพี่อนฉันแต่งงานแล้วนะ
เราต้องคุยกัน
หมายเหตุ โค้ดในตัวอย่างที่1 หมายความว่า "ถ้าเธอคือสาวแว่นให้เก็บฉันไว้ในที่ว่างในใจด้วยนะ" อิอิ
จบแระครับ ง่ายไหม ^^

Comment

Comment:

Tweet

it's good to see this information in your post, i was looking the same but there was not any proper resource, thanx now i have the link which i was looking for my research.

#10 By Dissertation Writing (119.155.44.84) on 2011-01-27 03:10

Excellent & remarkable post!
I have been visiting various blogs for my Dissertation writing research. I have found your blog to be quite useful. Keep updating your blog with valuable information....... Regards

#9 By Dissertation writing (182.178.0.2) on 2010-10-04 14:09

อ๊า~ จิ๊กซอหายไป
=A=
แง~~~

#8 By *~ แม่มด ~* on 2009-04-19 02:05

ไอ้ที่เครียดมากกว่าเรื่องการเมืองก็เรื่องภาษาในคอมนี่แหละ sad smile

ไม่ไหวๆ ฮะๆๆ เก่งจังเลยเนอะ ไปเรียนมาจากไหนอะค่ะ

เคยเรียนภาษา C อุ๊ยย ตายๆ ตกหลายรอบ

ขันน้ำ ขันน้ำ ขันน้ำ

#7 By เฟ on 2009-04-17 16:21

นี่คือสคริปต์ที่ผมอยากได้มานานแล้ววว
ขอบคุณคร้าบ cry
ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ดอกมะลิ ดอกมะลิ ปืนฉีดน้ำ ปืนฉีดน้ำ
Hot!

#6 By xViStA on 2009-04-15 23:54

สงสัยคงต้องค่อยๆ เรียนรู้ไป open-mounthed smile
มาอัพบล็อค แสดงว่าไม่ได้ไปเที่ยวไหนสิคะ
พี่ไกรกลับบ้านไปแล้วอะ
งั้นหนูมาเล่นน้ำกับพี่ฮ้อนี่ล่ะ อิอิ
ขันน้ำ ขันน้ำ ขันน้ำ
ขอปะแป้งด้วยน้า ดอกมะลิ ดอกมะลิ

#4 By *~ แม่มด ~* on 2009-04-12 20:25

เอ้าลืมสาดน้ำ 55+
ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ
แวะมาสาดน้ำ


สงสัยปอคงไมได้เล่นน้ำจริงๆอ่ะแหละ

ทอมซินอักเสบ งดใช้เสียง

แถมหวัดรับประทานอีก

ไปเกาะช้างเหรอ...
อยากไป ๆ ๆ เกาะช้างเหมือนกัน...
แต่เวลาไม่ค่อยมี เลยไปได้แค่เกาะสีชังจ้า big smile

แวะมาสวัสดีปีใหม่ และรดน้ำดำหัวด้วยเลยน๊า


ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ