增加代码高亮功能
经常要发到PHP,CSS,JS这样的代码,而WP却没有一个好看的样式,昨天搜了一下都推荐coolcode不错,于是在百度里下载了一个改进版的,但是测试了半天没有效果。始终没有找到原因,网站查找了原因和我一样的人很多,决定下个未修改的coolcode版本,一次成功,感觉太爽了。
但是新问题出来了,每次都要去输入<coolcode>< /coolcode>这样的标签太麻烦了,还要指定语言代码语言,看来要给WP的编辑器动刀子了。
方法?看这里吧:http://blog.hanhao.cn/post/612,当然你也可以继续往下看:
修改方法:
1.打开wp-includes/js/quicktags.js文件。
2.你会发现wordpress文本编辑器里面的按钮代码都在里面了,例如文字加粗的按钮“b”的代码
- edButtons[edButtons.length] =
- new edButton(‘ed_strong‘
- ,‘b‘
- ,‘<strong>‘
- ,‘</strong>‘
- ,‘b‘
- );
3.依样画葫芦,复制一段上面的代码,粘贴,做相应的修改,就以coolcode为例
- //—– Start coolcode —–
- edButtons[edButtons.length] =
- new edButton(‘ed_coolcode‘
- ,‘coolcode‘
- ,‘<coolcodelang="" download="" linenum="on">‘
- ,‘</coolcode>‘
- ,‘coolcode‘
- );
- //—– End coolcode —–
coolcode的几个参数,我设置它默认是,程序设计语言=空(根据实际情况填写),下载=空(根据实际情况填写),行号=显示。
coolcode目前支持的程序设计语言有:
actionscript,cpp,css,diff,dtd,html,java,javascript,mysql,perl,php,python,ruby,sql,xml
4 Comments to “增加代码高亮功能”