2008-11-06

【C】如何在Blog中顯示程式碼-SyntaxHighlighter

最近實在覺的之前發表的那個篇 【C】如何在Blog中顯示程式碼 有夠難用的。
因為常常一些code都會被編輯器吃掉,搞的我好痛苦,每次要重新編輯都超麻煩的啦。
所以我又找了另一個方法。那就是網路上很流行的SyntaxHightlighter
雖然他要載入很多東西~~但~~為了方便,我認了~~
先到【這裡】下載,然後將檔案上傳到網路上。

使用方法

1.先載入相關的檔案,如果是Xuite,則可以放在自由欄位中。


 
 

 

2.設定當Dom都產生好了,就執行HighlightAll。
註:$(document).ready需要有載入JQuery,Xuite已經載入,Xuite真好~~


 

3.在文章中使用HTML編輯,輸入以上程式碼即可。


 

以上,就可以簡單的在Blog中貼程式碼了~~

update:2010-05-03
新的版本似乎已經沒在用 textarea 了,可參考 SyntaxHighlighter/Usage

0 comments:

張貼留言