WordPress 外掛程式——CoolCode使用方法與下載_javascript技巧

本外掛程式原修改自 Chroder.com 的 WordPress Code Highlight 外掛程式。但 CoolCode 外掛程式在它基礎上修改了很多的內容。

• 功能特徵
• 使用方法
• 更新歷史
• 效果執行個體

下載：coolcode

CoolCode 所做的改進

• 增加了直接以檔案形式下載原始碼的功能。
• 增加了選擇是否顯示行號功能，在行號顯示模式下還可以通過雙擊代碼來隱藏或顯示行號。
• 將固定寬高的代碼視窗改成了自適應的視窗。
• 重新定義了樣式表。使顯示的代碼更美觀。
• 將代碼加亮處理後的 class 改為了內嵌式的 style。這樣是為了方便將彩色代碼複製到 Word 之類的 Rich Text 編輯器中。
• 修改了 Text_Highlighter 中的 Html Renderer。修正了原 Html Renderer 產生的加亮代碼複製出來後，每行代碼前多一個空格的問題。
• 修正了原外掛程式發帖代碼中包含\'時的寫入資料庫錯誤。
• 修正了回複中不能插入代碼的錯誤。
• 定義了 XML 和 BBCode 兩種文法的 coolcode 標籤。
• 增加了 html 語言支援。

沒有修正的問題

• php 中的 html，Javascript 等非 PHP 代碼無法加亮。
• html、xml中的指令碼無法按相應指令碼格式加亮。
• html 中的樣式表無法按樣式表格式加亮。

以上是 Text_Highlighter 要解決的問題，除非 Text_Highlighter 能解決這些問題，否則這些問題將一直保留。

CoolCode 使用方法

首先，下載並解壓縮到您的 WordPress 外掛程式，然後在您的 WordPress 中啟用該外掛程式就可以了。

本想給本外掛程式增加對所見即所得 (WYSIWYG)編輯器支援的功能，後來經測試發現，所見即所得 (WYSIWYG)編輯器本身有太多問題，他無法將代碼正確儲存到資料庫中。因此目前取消了對所見即所得 (WYSIWYG)編輯器支援的功能。

所以如果你要使用本外掛程式，請將 將 WordPress “選項”—>“寫作”—>“自動修正錯誤的內嵌式 XHTML 文法”禁用，並在選項和使用者中把所見即所得 (WYSIWYG)編輯器關掉，然後使用以下文法即可。

注意：目前方括弧文法和角括弧文法等效，但不保證以後同樣有效，推薦使用角括弧文法！

使用的文法是：

<coolcode>
代碼
</coolcode>

如果要加亮具體的語言，可以用 lang 屬性來指定：

<coolcode lang="程式設計語言">
代碼
</coolcode>

如果不需要行號，可以使用 linenum 屬性來指定：

<coolcode lang="程式設計語言" linenum="off">
代碼
</coolcode>

如果希望可以直接以檔案下載代碼，可以使用 download 屬性來指定：

下載: example.txt

<coolcode lang="程式設計語言" download="檔案名稱.副檔名">
代碼
</coolcode>

這三個屬性可以組合使用，互不影響。

目前支援的程式設計語言有：

• actionscript
• cpp
• css
• diff
• dtd
• html
• java
• javascript
• mysql
• perl
• php
• python
• ruby
• sql
• xml

2007年1月29日 更新

修正了 CoolCode 在 WordPress 2.1 上引起的匯出錯誤。

2006年5月25日 更新

修正了將代碼中的 \‘ 錯誤替換為 ‘ 的 bug。

2006年3月4日 更新

WordPress 有些選項會導致 ” 和 : 被修改，以至於使該外掛程式不能正常工作，現已修正該 bug。

2006年2月28日 更新

增加了 ActionScript 語言的支援（來自 ZRong's Blog ）。

更新了內建的 PEAR 版本。

2006年2月11日 更新

修正了 coolcode 標籤不能嵌套的問題。

修正了 php 程式不加 <?php ?> 不能加亮的問題。

2006年2月6日 更新

修正了某些主題因為樣式表原因在行號顯示模式下無法正常顯示的問題。

修正了上次因修正行首單個空格不顯示的問題而導致的 IE 下某些長文本無法換行的新問題。

去掉了 Text_Highlighter 中該外掛程式不需要的檔案。

2006年2月5日 更新

修正了行首單個空格不顯示的問題。

將 Windows 上的預設顯示字型改為 Fixedsys。

更新 PEAR （包括 XML_Parser 和 Text_Highlighter）到最新版本。

2006年1月26日 更新

修正了使用 Page Post 2 分頁外掛程式在翻頁後使本外掛程式代碼下載功能實效的問題。

2006年1月20日 更新

修正了使用 Page Post 2 分頁外掛程式在翻頁後雙擊行號顯示隱藏功能實效的問題。

2006年1月11日 更新

修正了非加亮模式下沒有正確顯示代碼縮排的問題。

修正了非加亮帶行號模式下 Firefox 上空行行號重疊的問題。

2006年1月10日 更新

修正了在無行號模式下沒有正確顯示代碼縮排的問題。

修正了在無行號模式下顯示非等寬字型的問題。

2006年1月4日 更新

修正了某些沒有 footer.php 的主題不能使用雙擊隱藏行號功能的問題。

2005年12月29日 更新

修正了在某些主題下雙擊隱藏行號無效的 bug。

修正了在某些主題下顯示效果不一致的 bug。

更新了內建的 PEAR。

2005年12月20日 更新

增加了 linenum 屬性，可以選擇是否顯示行號。

增加了download 屬性，可以直接以檔案形式下載代碼。

2005年10月24日 更新

修改了一下樣式表，使其在 Linux 上顯示的字型更美觀一些。

2005年7月20日 更新

修正了某些語句太長不換行的 bug。

2005年7月14日 更新

修正了 xhtml 校正錯誤。

修正了 css 校正錯誤。

2005年7月11日 更新

修正了在 firefox 上行號隱藏後，空行不再顯示的 bug。

效果執行個體

下載: coolcode.js

1. function linenumber(o) {
2.     if (o.className == "hl-main ln-hide") {
3.         o.title = "Double click to hide line number.";
4.         o.className = "hl-main ln-show";
5.     } else {
6.         o.title = "Double click to show line number.";
7.         o.className = "hl-main ln-hide";
8.     }
9. }

原創作品，轉載請註明出處。

雲棲社區下載地址 http://www.jb51.net/codes/9630.html