SyntaxHighlighter深入研究

安裝方式和功能用途請看dnow文blogger加入程式碼高亮顯示
如果要清楚一點的話當然是研究官網

http://alexgorbatchev.com/wiki/SyntaxHighlighter
如果你的英文和dnow一樣的話那不妨看看我的學習心得吧

◎修改顯示的字串：讓你SyntaxHighlighter上的說明文字變更語言
使用方式：在blogger版面配置中編輯html，然後把以下的語法寫在SyntaxHighlighter.all();前，程式碼如下：

SyntaxHighlighter.config.strings.viewSource = "view my source(檢視程式碼)";
SyntaxHighlighter.config.strings.expandSource="+ expand source(展開程式碼)";
SyntaxHighlighter.config.strings.copyToClipboard="copy source(複製程式碼)";
SyntaxHighlighter.config.strings.copyToClipboardConfirmation="The code is in your clipboard now\n\n (已將程式碼複製)";
SyntaxHighlighter.config.strings.print="print source(列印程式碼)";
SyntaxHighlighter.config.strings.help="版權說明";
SyntaxHighlighter.config.strings.alert="SyntaxHighlighter錯誤訊息\n\n";
SyntaxHighlighter.config.strings.noBrush="Can't find brush for: \n\n 無法找到相對的brush樣式";

SyntaxHighlighter.config.strings.viewSource.xxxxx，其中的xxxxx是命名，初始值是英文，我們可以替代成中英雙語顯示。

◎自動換行設定：有時候程式碼很長，我會選擇用textarea標籤來處理，不過就少了高亮顯示了，所以自動換行功能我會關掉，寫法上有兩種
．可以如上面寫在html裡，讓他預設就關閉：SyntaxHighlighter.defaults['wrap-lines'] = false;
．也可以在個別程式碼裡設定，名稱是在pre標籤後加：wrap-lines:false;
◎目前支援常見的類型和檔案名稱如下

---

新版的SyntaxHighlighter (version 3.0.83) 和舊版不大一樣了…安裝方式都沒什麼「太大」改變，就補述一下二個版本的差異

2.x 右上角會有四個按鈕，分邊支援「顯示原始碼TEXT」「複製」「列印」「關於」，這四個按鈕都是flash的控件


3.083 最重要的改變就是上面的四個按鈕都移除了，據作者的想法，最重要的是flash太難維護了 ( 唉~這就是flash的問題，人家微軟都知道要搞MSDN，用社區的力量來發佈一些程式碼範例…我覺得flash式微的原因之一，就是太少資源…)，不過我覺得由另一觀點來看…其實我們可以發現當初設計的那幾個按鈕「裝飾」的成份居多…

現在新版的要達到這些功能就簡易許多了：

• 複製到剪貼簿的功能變更：以前是透過Flash物件，3.0已取消這種作法，只要在程式碼區域雙擊，就能標示所有的程式碼，再按Ctrl+V就能把標示內容存入剪貼簿
• 程式碼可以多列標示：以前做多列標示時，行號也會被標示到，3.0已經可以任意做區域標示了
• 程式碼開頭可以加上一列標題列，當程式碼預設是捲起狀態時，會顯示此標題，點擊即會展開 (這個還是很多餘，會放程式碼的人是希望人家看程式碼，沒事把他collapse摺起來做什麼，怕版面太長嗎？)