Hello and welcome to beautiful Jun Blog.

增加代码高亮功能

Tags:, .

经常要发到PHP,CSS,JS这样的代码,而WP却没有一个好看的样式,昨天搜了一下都推荐coolcode不错,于是在百度里下载了一个改进版的,但是测试了半天没有效果。始终没有找到原因,网站查找了原因和我一样的人很多,决定下个未修改的coolcode版本,一次成功,感觉太爽了。

但是新问题出来了,每次都要去输入<coolcode>< /coolcode>这样的标签太麻烦了,还要指定语言代码语言,看来要给WP的编辑器动刀子了。

方法?看这里吧:http://blog.hanhao.cn/post/612,当然你也可以继续往下看:

修改方法:
1.打开wp-includes/js/quicktags.js文件。
2.你会发现wordpress文本编辑器里面的按钮代码都在里面了,例如文字加粗的按钮“b”的代码

  1. edButtons[edButtons.length] =
  2. new edButton(ed_strong 
  3. ,b 
  4. ,<strong> 
  5. ,</strong> 
  6. ,b 
  7. );

3.依样画葫芦,复制一段上面的代码,粘贴,做相应的修改,就以coolcode为例

  1. //—– Start coolcode —–
  2. edButtons[edButtons.length] =
  3. new edButton(ed_coolcode 
  4. ,coolcode 
  5. ,<coolcodelang="" download="" linenum="on"> 
  6. ,</coolcode> 
  7. ,coolcode 
  8. );
  9. //—– End coolcode —–

coolcode的几个参数,我设置它默认是,程序设计语言=空(根据实际情况填写),下载=空(根据实际情况填写),行号=显示。

coolcode目前支持的程序设计语言有:

actionscript,cpp,css,diff,dtd,html,java,javascript,mysql,perl,php,python,ruby,sql,xml

Posted on 23 六月 '08 by admin, under Wordpress.

4 Comments to “增加代码高亮功能”

25.07.08 at 00:30
Posted by 半瓶墨水

效果不错,也试试代码发芽网( http://www.fayaa.com/code/ ),30多个高亮主题
看看效果:http://www.2maomao.com/blog/code-fayaa-update-20080724/

10.08.08 at 11:37
Posted by xzheng

不错,博主你现在使用的是coolcode吗?

11.08.08 at 09:20
Posted by admin

回复xzheng:
是的!

18.04.09 at 22:33
Posted by admin

是的