陰錯陽差升級了SyntaxHighlighter 3.0

今天在修改帶有JavaScript程式碼的文章時，發現SyntaxHighlighter Evolved外掛無法正確的轉換 & 與 > 等字元，原本應該是 && 的符號卻變成 &&，>則變成>，使用另一個使用GeSHi的外掛WP-Syntax則正常，開始懷疑會否是SyntaxHighlighter Evolved的問題（最後確認外掛是正確的，詳後說明），剛巧它使用的底層SyntaxHighlighter有推出3.0.83新版，就更新版本看看。只要把新版的scripts與styles資料夾複製到對應的WordPress外掛同名資料夾就可以了。

更新後發現工具列變成一個問號：

2.1版工具列有４個按鈕	3.0版工具列只有１個按鈕

由3.0.83的What's new in 3.0?裡看到了幾個使用介面的變動：

• 複製到剪貼簿的功能變更：以前是透過Flash物件，3.0已取消這種作法，只要在程式碼區域雙擊，就能標示所有的程式碼，再按Ctrl+V就能把標示內容存入剪貼簿
• 程式碼可以多列標示：以前做多列標示時，行號也會被標示到，3.0已經可以任意做區域標示了
• 程式碼開頭可以加上一列標題列，當程式碼預設是捲起狀態時，會顯示此標題，點擊即會展開

由於SyntaxHighlighter Evolved只支援到2.1版，因而無法使用smartcode來加入title屬性，我想到的變通方法是不使用smartcode，而直接使用HTML碼：

  //...你的JavaScript程式碼


但只寫這樣是不會在瀏覽的網頁裡插入需要的.js與.css檔，因此再加入下列smartcode讓外掛插入需要的程式碼： 
  <!--[code lang="js"][/code]-->

SyntaxHighlighter Evolved遇到[code]就會插入SyntaxHighlighter 3.0.83的.js檔與.css檔到網頁裡。
這樣似乎有點麻煩，不過別的網頁系統可能不會認識smartcode（[code]、[sourcecode]、[source]等），直接用<pre>標籤的移植性應該是較高的。或者等SyntaxHighliter Evolved的新版本吧，下一版應該就會支援 title 屬性了。
最後，一開頭提到的錯誤是插入繼續閱讀的外掛Evermore造成的，因為原來的文章未手動加入<!--more-->，系統自動加入的繼續閱讀<span>被插入到程式碼裡的第一個空行，導致「繼續閱讀」標籤插入到程式碼裡，造成SyntaxHighlighter Evolved誤判，在加入<!--more-->到程式碼外面就正常了。哇哩咧～

小備註
問題：[code]的中括號要如何輸入呢？

解答：
ASCII code只要用&#十進號字元碼;就可以了。

[與]的ASCII十進位碼是91和93，因此用＆＃９１；、＆＃９３；（此處以全形表示，請轉成半形使用）就可以顯示而不被SyntaxHighlighter Evolved抓去特別處理了。


##
您可能也會有興趣的類似文章

[WordPress] Google Chrome瀏覽器無法正確顯示SyntaxHighlighter外掛的程式碼  (1則留言, 2012/08/22)
[WordPress外掛] 利用TablePress強化HTML表格控制  (0則留言, 2014/05/26)
WordPress簡單又美觀的網站訂閱與文章書籤外掛：Add To Any  (1則留言, 2008/12/28)
測試Exec-PHP外掛：開啟插頁於新頁籤  (0則留言, 2009/11/24)
[WordPress外掛] 顯示外部連結小圖示以方便辨識  (2則留言, 2008/12/28)
WordPress瀏覽圖片的FancyBox外掛  (8則留言, 2010/07/10)
防堵垃圾留言的外掛：WordPress Zero Spam與自行安排外掛載入順序的外掛：Plugin Organizer  (0則留言, 2014/10/15)
當WordPress網站網址出現怪怪的井號文字時的處理步驟  (0則留言, 2013/07/29)
[WordPress] 備份WordPress網站到Google Drive、Dropbox等雲端服務  (0則留言, 2013/09/08)
讓WordPress網站使用Google+留言框的步驟  (0則留言, 2013/04/24)
[WordPress外掛] 將文章顯示在像噗浪水道的時間軸上  (0則留言, 2012/05/31)
WordPress 3.1無法正常顯示分類的修正步驟  (1則留言, 2011/02/28)
使用Google Analytics自訂變數的WordPress外掛  (2則留言, 2010/09/02)
手動撰寫WordPress隨機文章功能  (2則留言, 2010/07/13)
最具彈性的WordPress樣版引擎Atahualpa 3.5.1－超神奇！  (9則留言, 2010/07/04)