最近逛了不少網誌,發現只要他們需要貼原始碼的時候,顯示出來的樣式都很美觀,
查了查才發現原來這是 dp.SyntaxHighlighter 這個函式庫的功勞。
這個 Highligher 是在 Client 端運作的,所以伺服器端很省資源,
而且支援眾多,我常用的 XML/PHP/Java/CSS 都有包括,這樣以後也方便不少。
乾脆就來安裝。測試一下 dp.SyntaxHighlighter 是否安裝成功。
為了適用在 Blogger 環境下,需要特別寫一個 JavaScript Hack,
現在就來驗證看看:
這個是 Pixmicat! 貼圖版目前最新的開發項目,模組系統的掛載點測試原始碼:
至於是什麼 Hack 呢?因為 Blogger 有個功能會幫助自動斷行,這造成解析上的不必要困擾,
於是寫個 stripTextareaBr 把在 textarea 內的 <br /> 都換成 \n,
這樣才能正確的達成解析效果。
沒有留言:
張貼留言