หน้าเว็บ

วันอังคารที่ 29 พฤษภาคม พ.ศ. 2555

Syntax Highlighter

1. ก๊อบโค๊ตต่อไปนี้ไปไว้เป็นส่วนหนึ่งของเว็บ  เพื่อให้เกิดการโหลดขึ้นมาใช้งาน
อาจจะเป็น head body หรือส่วนใดๆก็ได้ ที่สามารถโหลดขึ้นมาได้
<script src="http://bc46.com/syntaxhighlighter/scripts//shCore.js"
        type="text/javascript">
</script>
<script src="http://bc46.com/syntaxhighlighter/scripts//shBrushAll.js"
        type="text/javascript">
</script>

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

<script type="text/javascript">
        SyntaxHighlighter.config.clipboardSwf = 'http://bc46.com/syntaxhighlighter/scripts//clipboard.swf';
        SyntaxHighlighter.all();
</script>
2. เมื่อต้องการทำ Highlight ส่วนใดให้นำ tag ต่อไปนี้ไปครอบก่อนเสมอ
<pre class="brush: LANGUAGE;">
       <!--  CODE  -->
</pre>


LANGUAGE คือ ภาษาที่จะกำหนดให้ทำการ  Highlight  ซึ่งสามารถเป็นไปได้ดังต่อไปนี้
(LANGUAGE คือตัวแปรน่ะครับ  ให้เอาค่าต่อไปนี้ตัวใดตัวนึงไปแทน เช่น <pre class="brush : js">console.log('hello world');</pre>)
  • 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

3 ความคิดเห็น:

  1. ขอบคุณครับ อิอิ

    ตอบลบ
  2. ทำไมตอนนี้ ของผม มันใช้ไม่ได้อ่ะครับ
    ทั้งๆที่วางโค้ดทุกอย่างแล้ว เหมือนสคริปมันไม่ทำงาน

    ตอบลบ
  3. น่าจะเป็นที่ server เก็บ file script down ครับ
    ทำให้ไม่สามารถ download script syntax highlighter ได้
    ต้องลองหา file จาก server ใหม่ดูครับ

    ตอบลบ