網頁顯示程式碼的美容師:CodePress
 2007/03/27 |  分類: JavaScript
 | 點擊數: 2 / 3095

除了介紹過的dp.SyntaxHighlighter:在網頁顯示美觀的程式碼之外,SHJS
- Syntax Highlighting in JavaScript 是另一個在網頁上顯示各式程式語言的
JavaScript程式。我對SHJS並無太大興趣,但是對它在Links裡列出的其他類似工具中的CodePress倒是下載測試了一下(按圖開新窗放大)。
事實上dt.SyntaxHighlighter已經相當方便,且顯示在網頁上的效果也相當美觀,但似乎當顯示內容有中文時,顯示的列距就有點重疊狀況,有時造成檢視上的不便。
CodePress看來不錯,需要加的程式碼也很少,但因為我使用的Google Page Creator無法使用子目錄,而CodePress需要用到兩個子目錄(engine和language),我試著修改其codepress.html,但仍有些問題。如果您使用的網站能使用目錄結構的話(我猜,應該是百分之九十九的系統都使用樹狀的目錄結構吧,只有Google是怪胎..:-),CodePress是不錯的選擇。
##
您可能也會有興趣的類似文章
- [HTML&CSS] 鎖定左側功能選單,不隨頁面捲動 (0則留言, 2007/04/05)
- 如何將Markdown文件轉換成HTML? (1則留言, 2011/03/06)
- FixedHeader.js:將網頁表格標題列固定住的程式 (0則留言, 2011/09/29)
- MyBlogLog似乎造成網頁載入速度變慢? (0則留言, 2007/03/12)
- [Q?] PRE 到底要怎樣輸入啊? (0則留言, 2005/02/21)
- JavaScript Collector: 包羅萬象的JavaScript檔案庫 (0則留言, 2007/03/20)
- 在Blog裡使用PRE與XMP的挫折 (1則留言, 2005/09/26)
- [Blog] Furl與del.icio.us的快速按鈕 (0則留言, 2005/03/05)
- 替部落格的側邊欄位加上縮起與展開功能 (2則留言, 2007/03/18)
- 用樣式控制Google AdSense廣告顯示的位置 (13則留言, 2007/05/03)
- [Blog] 加入Furl與del.icio.us的連結 (0則留言, 2005/03/04)
- 「網頁載入中,請稍候...」的簡單作法 (17則留言, 2007/05/02)
- 將IE網頁轉換成FireFox也能執行 (0則留言, 2007/02/28)
- WordPress減肥記:壓縮JavaScript檔的大小 (6則留言, 2010/06/08)
- [NetBeans] 安裝與設定NetBeans內的Subversion (0則留言, 2006/01/21)
隨機文章- [Xuite] 自由欄位設定功能啟用
- 自己當倉頡:打造自己的輸入法 (5)
- [FireFox] del.icio.us, Furl toolbar
- UltraVNC 1.0.2剛剛推出
- funP忙著更新,請大家稍「後」... (4)
- [Tools] 測試中的CVS Client:LinCVS (1)
- QNAP TS-109 NAS的BT下載速度問題 (1)
- [Vista] 把桌面行事曆Rainlendar鎖定在Vista桌面上
- NetBeans 5.0釋出了!
- [轉貼電腦報] webs-tv推出「天空部落格」,2個月吸引7萬人 (2)
歷史熱門文章
- 如何手動輸入Plurk的表情圖示? (368,458 點擊/2008-09-29)
- 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (120,504 點擊/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (89,484 點擊/2009-07-04)
- 簡單放大Plurk輸入區的方法[修訂] (88,898 點擊/2008-09-29)
- 網路升級光世代50M/3M與設定ZyXEL P874 (72,203 點擊/2011-05-28)
- 輕鬆學會彈指神功-揭露AutoHotkey絕技 (50,931 點擊/2008-04-10)
- iPad新手入門技巧 (49,450 點擊/2011-02-05)
- iPad鍵盤輸入全攻略 (42,928 點擊/2011-01-01)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (40,945 點擊/2010-04-27)
- 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,864 點擊/2010-01-02)
|
熱門文章排行
- 如何手動輸入Plurk的表情圖示? (368,458 views/2008-09-29)
- 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (120,504 views/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (89,484 views/2009-07-04)
- 簡單放大Plurk輸入區的方法[修訂] (88,898 views/2008-09-29)
- 網路升級光世代50M/3M與設定ZyXEL P874 (72,203 views/2011-05-28)
- 輕鬆學會彈指神功-揭露AutoHotkey絕技 (50,931 views/2008-04-10)
- iPad新手入門技巧 (49,450 views/2011-02-05)
- iPad鍵盤輸入全攻略 (42,928 views/2011-01-01)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (40,945 views/2010-04-27)
- 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,864 views/2010-01-02)
|