WordPress 高亮代码显示插件 – Codecolorer

自从上次安装了 WordPress 高亮代码显示插件 – SyntaxHighlighter Evolved,感觉一切良好,不过有天突然发现自己博客怎么多了这么多 JS,打开源代码一看,原来全是 SyntaxHighlighter Evolved 惹的祸。自己的洁癖病又犯了。干掉,没二话。看到 Willin 的高亮代码很漂亮。发现原来他用的是 Codecolorer 高亮代码显示插件。全CSS实现代码高亮效果的,并且可以再RSS中同样显示高亮效果。这点 SyntaxHighlighter Evolved 就没有这个功能。

刚安装,感觉怎么这么丑,对CSS不是很熟悉的我借助 Firebug 一点点的修改 CSS。。终于凑凑合合马马虎虎可以看了。另外,哪位高人能帮我把 Willin 的 Codecolorer 美化CSS的皮给拔下来啊。

贴一些中文帮助:

用 cc lang=”php” 参数=”xxx” 参数=”xxx” 实现代码高亮,插件安装后,在HTML编辑器中可以看到多了个CC Button,大家可以根据自己需要在 quicktags.js 中编辑自己喜欢的按钮。方法参照:给 WordPress 的 HTML 编辑界面中添加 SyntaxHighlighter 按钮

属性列表如下,括号内是参数类型.string是字符串;integer是整数;boolean是布尔型(开关),可接受“true” “false”, “on” “off”, 整数 1 or 0.

* lang (string) – 代码使用的语言。
* tab_size (integer) – 用以替换制表符的空格数,可在设置界面更改。
* line_numbers (boolean) – 是否显示行号,可在设置界面更改。
* first_line (integer) – 指定代码块第一行的行号
* highlight (string) – 用于指定整行高亮的代码行行数,参数是用半角逗号分隔的数字串(如 1,5,8,9)。
* no_links (boolean) – 当值为false时,关键字将会添加一个到官方文档的链接,可在设置界面更改。
* lines (integer) –指定代码块显示的行数,当值设置为-1时,不出现纵向滚动条,可在设置界面更改。
* width (integer or string) – 代码块宽度,可在设置界面更改。
* height (integer or string) – 代码块高度,当这个高度可显示的行数比lines指定的值大才会生效,可在设置界面更改。
* rss_width (integer or string) – 代码块在RSS输出时的宽度,可在设置界面更改。
* theme (string) – 代码块颜色风格 (default, blackboard, dawn, mac-classic, twitlight, vibrant),可在设置界面更改。
* inline (boolean) – 内嵌模式开关,用于将一行代码插入到文本中。
* strict (boolean) – 严格模式的开关。
* nowrap (boolean) – 当值指定为false时,过长的行将会被自动换行,以避免出现横向滚动条。
* noborder (boolean) – 是否显示边框的开关。
* no_cc (boolean) – 当值为true时,code标签将会被解析,但代码块不会有格式。
* class (string) – 添加一个新的CSS。
* escaped (string) – 当值为false,代码块里的html转义字符不会被转义,如<不会转义为<,默认为false。
其他的可以查看官方主页的说明:
http://kpumuk.info/projects/wordpress-plugins/codecolorer/

本篇文章中文帮助文件引用自 DouO’s BLOG:
http://dourok.info/2010/08/codecolorer%E4%B8%AD%E6%96%87%E5%B8%AE%E5%8A%A9/

感谢 Willin 的提示:
http://kan.willin.org/?p=1327

相关评论

  1. […] 大家都知道 WordPress 是基于 Mysql 数据库的。所以我们可以通过 Mysql 数据库操作来达到很多不可告人的秘密。比如改密码什么的。哈哈。今天就共享几个实用的 SQL 代码。其实写这篇文章的目的是因为不久前刚刚换的 Codecolorer 高亮代码插件。里边很多代码需要替换。一个个手动改又太麻烦。所以才有了这篇文章。 […]

  2. 这个 我是直接用的引用 没有插件~

  3. 生活网说道:

    只是速度好就OK

  4. liheqi168说道:

    悠闲地路过、、、、、、

  5. 小羿说道:

    不用到这个工具哦!

  6. 囧啊囧说道:

    高亮代码是最什么的?

  7. 小辉网说道:

    刚换的主题,里面好像自动有代码高亮显示。也就不麻烦了。呵呵

  8. BoKeam说道:

    我修改主题也很慢,还好有这些工具,不然更慢

相关评论:

您的电子邮箱地址不会被公开。 必填项已用*标注