关于WordPress高亮代码插件的比较

March 22, 2009 by SLJ | Category:PHP | 4 Comments Font size: AA   AA

博客做好后第一件事就是加插件、外观之类的。

对于我来说,最重要的就是code hightlight的插件了。因为免不了在写博客的时候要加代码。下面是互联网上关于几种WordPress高亮代码插件的比较,供大家参考

转载自:PHP面向对象

wp的代码高亮插件很多,但做的好且方便使用,并且一直有更新的非常少。比如说国内用的比较多的coolcode插件,虽然很好,但更新较慢,对现有的可视化编辑器支持不好。本文主要对wp插件库里面几个比较知名的代码高亮插件进行了比较分析,希望对wp爱好者带来一点帮助。

本文主要比较了四个高亮插件:WP-Syntax,Google Syntax Highlighter for WordPress,WP-CodeBox,SyntaxHighlighter Plus。通过比较发现,四个插件都存在一个不足,就是使用麻烦,在插入代码的时候,必须转到HTML编辑模式,手动写入相关的代码(COOLCODE有解决这个问题的方法)。

最终结果,推荐度如下:SyntaxHighlighter Plus=Google Syntax Highlighter for WordPress>WP-CodeBox>WP-Syntax。

具体的比较过程如下:

WP-Syntax

地址:http://wordpress.org/extend/plugins/wp-syntax/other_notes/

原理:直接使用geshi的将源代码翻译成高亮显示的HTML代码。

效果截图:

1

wp-syntax效果图

优点:1、安装简单2、基本上能完成高亮显示。3、不需要其他的外部样式

缺点:1、服务器处理代码。2、使用麻烦,需要在编辑的时候手动添加HTML标签。

Google Syntax Highlighter for WordPress

http://wordpress.org/extend/plugins/google-syntax-highlighter/

实现原理:使用Google Syntax Highlighter实现。

效果截图:

2

google-syntax-highlighter-for-wordpress效果图

缺点:使用麻烦

优点:1、安装简单。2、不需要外部CSS。3、高亮效果好。4、完全是客户端实现。5、支持几乎所有的语言。6、相当轻量级别。

WP-CodeBox

http://wordpress.org/extend/plugins/wp-codebox/

国产的高亮插件,作者页面:
http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#screenshots

效果截图: 

3

wp-codebox效果图

原理与WP-Syntax类似,但现实效果更加好。

SyntaxHighlighter Plus

http://wordpress.org/extend/plugins/syntaxhighlighter-plus/

实现原理:该插件使用的是Javascript版本的SyntaxHighlighter JavaScript package by Alex Gorbatchev.原理和Google Syntax Highlighter for WordPress类似,也具有相同的优缺点。

效果截图:

4

syntaxhighlighter-plus效果图

Related Posts / 相关文章



4 Comments

我要评论
  • 9158跳舞吧 May 29, 2011

    偶的代码插件和自动截断一起用就出问题了。

  • 雪花博客 October 31, 2009

    比较了半天.那个好用啊.... 倒是推荐一个啊

    • November 1, 2009

      Google的比较好。看个人喜好这个

  • bolo May 31, 2009

    博主的css怎么失效了?

Leave a Comment:

*
*
*
*

↑ Top