WordPress

给wordpress添加插入代码按钮(利用coolcode插件实现)

猴猴 · 3月5日 · 2011年 · ·

今天研究了一天如何插入代码并且能完美的显示出来,一直到晚上才找到了一个利用插件的方法。当然也有不利用插件的,只是比较麻烦,而且试了两次,效果并不是很好,这个插件我感觉很完美,所以就发出来。也是在网上找的别的朋友的办法。

        因为最近要经常贴代码,所以就想到了coolcode这款非常优秀的代码高亮插件,是国人修改的,能够支持各种编程语言和脚本语言的高亮显示,但是由于每次加代码都要手动加入coolcode标签和一些参数,甚显麻烦,所以google了一下,找到了修改wordpress来达到在编辑器内增加coolcode按钮的方法.

相信很多同学是看到这里提供修改文件下载才过来的,没错!改代码是件麻烦事,所以Alex给大家提供了修改好的js文件下载,把本文下面的压缩包下载下来以后,上传里面的quicktags.js文件到wp-includesjs目录覆盖即可

然后大家在自己的编辑器里面,切换到”HTML源代码”模式就可以看到coolcode按钮(如果看不到,请清空浏览器缓存,刷新页面即可看到),如果要添加代码可以把代码粘贴到编辑框,然后选中,直接点击“coolcode”按钮,根据提示操作即可轻松插入高亮代码!

9 条回应

  1. Garth2013-3-18 · 18:13

    如果WP升级,会有影响吗?

  2. John Shine2013-3-8 · 13:28

    为何不见下载地址

    • 猴猴2013-3-8 · 15:12

      推荐使用CodeColorer这个代码插件,比coolcode好用 🙂
      这是个很早以前写的文章了,现在都不用这个插件了

  3. ser2011-12-15 · 14:29

    请问下载的这个coolcode.zip里有quicktags.js吗?我咋没找到呢? 😉

    • 猴猴2011-12-15 · 18:09

      不好意思啊。已经重新上传文件了。你再下载次就可以啦 ➡

  4. 绿篱2011-3-7 · 23:22

    好东西!搜藏了…找个时间折腾一下.

    • 猴猴2011-3-8 · 9:39

      据我一天的实验,也就这个好用些。。。 :liuhan

  5. 囧啊囧2011-3-6 · 19:50

    我最近碰到加上代码高亮插件就评论变慢的情况,纠结。

    • 猴猴2011-3-6 · 19:57

      速度应该还可以啊。有好几种代码高亮的方法,多试试肯定有适合自己的哈 :weixiao