筍子工作雜記

4月 15, 2006

CoolCode

歸類於: wordpress — shinnlu @ 10:37 pm

為了讓網頁內容、程式碼更美觀,裝了 CoolCode 這一個 plugin,在這裡做一個語法記錄,免的每次都要跑去 CoolCode 官方網站查語法。

CoolCode 使用方法
首先,下载并解压缩到您的 WordPress 插件,然后在您的 WordPress 中激活该插件就可以了。

本想给本插件增加对所见即所得编辑器支持的功能,后来经测试发现,所见即所得编辑器本身有太多问题,他无法将代码正确保存到数据库中。因此目前取消了对所见即所得编辑器支持的功能。

所以如果你要使用本插件,请将 将 WordPress “选项”—>“写作”—>“自动修正错误的内嵌式 XHTML 语法”禁用,并在选项和用户中把所见即所得编辑器关掉,然后使用以下语法即可。

注意:目前方括号语法和尖括号语法等效,但不保证以后同样有效,推荐使用尖括号语法!

使用的语法是:

<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

下载: coolcode.js
  1. 下载: coolcode.js
  2. function linenumber(o) {
  3.     if (o.className == "hl-main ln-hide") {
  4.         o.title = "Double click to hide line number.";
  5.         o.className = "hl-main ln-show";
  6.     } else {
  7.         o.title = "Double click to show line number.";
  8.         o.className = "hl-main ln-hide";
  9.     }
  10. }
<coolcode lang="php">
<?php
 
php code
?>
</coolcode>

以上內容原出處為 CoolCode 官方網站

尚無評論 »

尚無評論。

RSS feed 此篇文章的評論。 TrackBack URL

發表您的評論

Powered by WordPress