● TonHor : Open Opinion ●

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

• 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 หมายความว่า "ถ้าเธอคือสาวแว่นให้เก็บฉันไว้ในที่ว่างในใจด้วยนะ" อิอิ

จบแระครับ ง่ายไหม ^^