WordPress Plugin: SyntaxHighlighter Plus

WordPress Plugin: SyntaxHighlighter Plus

之前使用的Plugin – SyntaxHighlighter,似乎是升級後,就出現了一些問題,和我的WordPress不相容。今天在看這篇文章時,發現了改寫自這隻Plugin的SyntaxHighlighter Plus,輸出的原始碼格式更清楚,於是改用之。 | 繼續閱讀…

WordPress Plugin: SyntaxHighlighter

2008-02-08_2307

這次更新WordPress的時候也安裝了這個外掛:SyntaxHighlighter,一樣是speckyboy介紹的。它和之前使用的Google Code Prettify相較之下的優點在於可以顯示行號,並且在Option內還可以作以下項目的設定:

2008-02-08_2313

  • Supported languages: 可選擇要支援的程式語言。
  • Textarea Cols / Rows: 可設定文字區域的尺寸。
  • Make the Textbox Collapsible? 原始碼是否要預設為展開。
  • Hide Controls on top? 是否關閉上方的控制項目(包括純文字顯示、列印)。
  • Hide Gutter? 是否隱藏左側行號。
  • Hide Columns? 是否隱藏上方的欄位號。

有別於Google Code Prettify採用將html元素pre或code加上樣式的作法,SyntaxHighlighter的用法是[ source: 程式語言名稱]程式碼[/source],在前端會將程式碼顯示在textarea裡面,樣式的設定也很簡單明瞭。是一個值得安裝的外掛。