代码高亮显示插件+DIY按钮

昨天发布的那篇文章因里面放置的代码过多，显示出来非常乱，不易于阅读。我知道其他部分博客上的代码高亮显示是用插件来解决的，现在我也迫不得已用上了。上网搜了一下，发现使用WP-CodeBox和WP-Syntax的居多，比较了一下，WP-CodeBox功能强大，设置选项也很多，而WP-Syntax比较简单，实现了基本功能，而且WP-Syntax的颜色样式更加符合我的主题，于是就选了后者。先贴出插件相关

WP-CodeBox语法：

<pre lang="LANGUAGE" line="N" file="download.txt" colla="+或-"> 代码内容</pre>.

lang="LANGUAGE" ： LANGUAGE代表代码的语言,如ASP、PHP、Java等。

line="N" ：开始行数。

file="download.txt" : 创建一个可下载的保存名称，这里的download.txt表示是下载文件的文件名。

colla="+或-" : +“表示显示时展开代码，”-“表示显示时收缩代码。

wp-codebox使用方法：

在插入代码前，将wordpress 编辑器切换为“HTML编辑”模式，按上面语法插入代码即可！

WP-CodeBox插件示例代码：

<pre lang=“php”>
ecs_header(“Location: ./ “);
exit;
</pre>

以下是插件实现：

ecs_header(“Location: ./ “);
exit;

WP-Syntax的语法相对比较简单了：

<pre lang="LANGUAGE" line="1">代码内容</pre>

接下来问题出现了：我在测试WP-Syntax的时候，发现每次都要手动输入代码来实现格式化，感觉这样非常繁琐！想到之前做JSP的时候弄过文本编辑器，那能不能在编辑器里加一个按钮呢？在后台查看发布日志的页面源码发现编辑器上的按钮调用的是\wp-includes\js\quicktags.js这个文件，刚打开就一阵眩晕，密密麻麻的代码，没有分行，没有空格，如同乱码一般。还好用的是Notepad++开源免费的代码编辑器，能显示不同颜色，很快发现了<blockquote>、<code>、<li>这些标签，在文件中显示如下：

edButtons[edButtons.length]=new edButton("ed_block","b-quote","\n\n<blockquote>","</blockquote>\n\n","q");

edButtons[edButtons.length]=new edButton("ed_code","code","<code>","</code>","c");

edButtons[edButtons.length]=new edButton("ed_li","li","\t<li>","</li>\n","l");

很明显他们都是同样的格式，那么我们也可以复制一条插入到code代码的后面，再修改为WP-Syntax的显示格式，如：

edButtons[edButtons.length]=new edButton("ed_php","php","<pre lang="php">","</pre>","php");

edButtons[edButtons.length]=new edButton("ed_css","css","<pre lang="css">","</pre>","css");

edButtons[edButtons.length]=new edButton("ed_java","java","<pre lang="java">","</pre>","java");

添加好后进入wp后台发布日志，插入代码。选中代码。点相应设置的按钮，就自动把要添加的代码格式化啦哈！