[WordPress插件]代码高亮插件CodeColorer汉化升级版

蓝飞 蓝飞 | 时间:2012-05-07, Mon | 13,391 views
后台技术 

写在前面

WordPress以来,本站一直是用CodeColorer来实现代码高亮,但原版的汉化不够完全,且与不少主题都冲突,因此本人将原版修改过后使用,并加入了可视化代码插入功能,之前也想发布出来,但因为懒,一直推迟到现在才把它打包出来提供给大家。

CodeColorer

CodeColorer是一款基于GeSHi库的WordPress代码语法高亮插件,功能简单,使用方便,是一款比较轻量的插件。

属性说明

属性列表如下,括号内是参数类型.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转义字符不会被转义,如&lt;不会转义为<,默认为false。

What's New?

  1. 添加可视化代码插入按钮并汉化界面;
  2. 可视化代码插入界面添加Java,CSS两种语言;
  3. 兼容官方主题及各种自定义主题;
  4. 修复不自动换行时行号显示不正确的问题;
  5. 优化高亮代码显示方式,放弃Table布局,改用Div+CSS,兼容多种浏览器乃至IE6以及移动浏览器;
  6. 添加代码工具栏,实现一键复制等功能,同样兼容多种浏览器。
  7. 等待你们去发现……

更新时间:

2012-5-27 13:58:36

效果如下:

/**
 * Comment
 */
function hello() {
	echo "Hello!";
	return null;
}
exit();

演示地址:

http://lanfei.sinaapp.com/about

下载地址

http://download.csdn.net/detail/coolanfei/4332711

如需转载请注明出处:蓝飞技术部落格

4 条评论 »

  1. 还是汉化的,不错...

  2. [...]蓝飞地址:http://www.clanfei.com/2012/05/964.html[...]

  3. 您的这个代码高亮方案的风格和内嵌风格是用的那个?