2007-02-16 19:25 dp.SyntaxHighlighter: 在網頁顯示美觀的程式碼
真是由石頭成這裡學到不少網頁處理的小技巧耶。不管是Xuite或樂多，對於原貌
呈現的＜xmp>或
＜pre>標籤，在處理上總是有不少奇奇怪怪的小問題，因此每次要貼HTML或JavaScript的程式時，總是要多花時間去修改可能會
造成問題的符號，而在石頭成網站上看到了使用.dp.SyntaxHighlighter 的解決方法。以下是簡單的使
用步驟：
- 把 dp.SyntaxHighlighter 下載回來，解壓縮後再將需要用到的檔案上傳到Google pages，以下是基本的幾個必須的檔案：
- SyntaxHighlighter.css (在解壓縮目錄的Styles裡)
- shCore.js (在解壓縮目錄的Scripts裡)
- 要貼上的程式種類用的.js檔；要貼JavaScript則上傳shBrushJScript.js
- 在文章的最後面要加上下列指令(把emisjerry換成自己的網址)：
- name="code"
- class="使用的程式語言名稱"，如javascript、java等，詳細程式語言清單請參考 [這裡]。
- 非必要屬性：rows=顯示的列數，cols=顯示的行數
- collapse: 程式碼顯示區最上方顯示 + expand source，按下才會顯示完整的程式碼
- showcolumns: 顯示行號，即...10....20....30這種尺規
- 不同的控制之間以冒號隔開
平均分數：0 顆星 投票人數：0 人
我要評分：
我要評分：
回應
