为Google Syntax Highlighter for WordPress添加后台按扭

Posted by Harid六月 - 7 - 2010 Leave comments   98 views 

试了好几种的代码高亮插件,最后敲定这款Google Syntax Highlighter for WordPress插件,具体原因就不用说了,肯定是觉得这款插件相当好用了(Google的东西就是好!),在页面上高亮的代码很漂亮,如下面示例的一段C++的Hello world的代码:

1
2
3
4
5
6
7
#include <iostream>
int main()
{
      std::cout &lt;&lt;"Hello world!\n";
 
      return 0;
}

然后想说的是这款插件在后台是靠自己手动添加代码才能实现高亮的,在官网上是这样写的:

这样很不方便!借鉴昨天添加“para2ema”的方法,可以在后台的HTML模式下添加一个“GHCode”的按扭。

具体实现是:

修改wp-includes\js\quicktags.js,追加如下代码:

edButtons[edButtons.length] = new edButton('ed_GHCode','GHCode','<pre name="code" class="c++">','</pre>','');

这以后,可以使用“HCode”按扭来自动插入代码,因为我们设置的默认语言是“C++”,所以如果不是想要高亮C++,则手动修改一下“class”后的内容为你的语言就行了。使用愉快,呵呵!

   声明:本文采用 BY-NC-SA 协议进行授权 | 星期九
   原创文章转载请注明:转自《为Google Syntax Highlighter for WordPress添加后台按扭

分享本文: 腾讯微博 QQ空间 人人网 百度空间 开心网 新浪微博 Google Reader 豆瓣
Comments(1) Leave comments
  1. Gravatar
    IT路人 Google Chrome Google Chrome 15.0.874.106 Windows Windows 7

    试过,但好像与主题冲突,现在是主题集成了

3 + 2 =  (required)
 疑问 鼓掌 难过 呲牙 强 微笑 快哭了 坏笑 汗 奋斗 撇嘴 OK 偷笑 委屈 尴尬 傲慢 握手 玫瑰 胜利 大哭 抱拳
启用云输入法:      

NOTICE1: You should type some Chinese word (like “你好”) in your comment to pass the spam-check, thanks for your patience!

NOTICE2: 请申请gravatar头像(http://en.gravatar.com),木有头像的会显示为“小怪物”头像,将难以通过审核!

NOTICE3: 如果您能消除一下评论框旁边的邻居的寂寞的话,Harid将不胜感激,你懂的!^_^