目前最新版本為 3.0.83，
官方網頁為:http://alexgorbatchev.com/SyntaxHighlighter/
使用上面相當的簡單，
1. 在你要使用這個 Javascript 的網頁上引用2支 js:
主要核心:scripts/shCore.js
程式語言:scripts/shBrushCSharp.js
(這是我要顯示 C# 程式所必須引用的，如果要顯示其他語言請自行替換掉這個部分)
2. 其次是引用兩支 CSS:
styles/shCore.css
styles/shThemeDefault.css
3. 然後呼叫 SyntaxHighlighter.all(); 這個 function
以上步驟完成長這樣:
注意：script 的部份，可以跟隨文章沒有問題，不過 css 的部份要放在 <head></head> 區段裡面，
如果你是用像痞客邦這類不是自己架設的系統的話，可以利用 css import css 的方式達成，
編輯原始樣式的 css 在其中加入:
@import "styles/shCore.css"; @import "styles/shThemeDefault.css";接著在你要處理的程式區段用<pre class="brush: csharp;"></pre>包起來，
像下面這樣，就可以得到你要的結果。
<pre class="brush: csharp;">
int sum = 0;
for(int i = 1; i <= 100; i++)
{
sum += i;
}
</pre>
結果就會像下面這樣囉 ^_^
int sum = 0;
for(int i = 1; i <= 100; i++)
{
sum += i;
}
沒有留言:
張貼留言