24Oct

wordpress自带编辑器插入高亮代码显示插件:CodeColorer

时间: 2012-10-24 分类: PHP开发 作者:

TAGS:

本来wordpress自带的编辑器是没有插入代码的功能的!这对我们编程的朋友来说是非常不方便的。经过对比其他的一些高亮代码显示的插件,发现CodeColorer这款不错!

下面我们一起来看看怎么折腾!

首先:必须是安装CodeColorer插件,步骤不用说,大家去搜一下就可以自动安装了!

安装成功后,当我们切换至HTML视图的时候,会发现有个code的按钮,就是它了!但是对于我们懒人来说,这是不够的,于是,我们去修改代码!

修改插件目录下的 codecolorer.php 文件(大约在138到141行)。

[ccen_php]
// if (get_user_option('rich_editing') == 'true') {
//   add_filter('mce_external_plugins', array('CodeColorerLoader', 'AddTinyMCEPlugin'));
//   add_filter('mce_buttons', array('CodeColorerLoader', 'RegisterTinyMCEButton'));
// }
[/ccen_php]

 

 

找到以上的4行代码,并且去掉注释!OK,现在刷新看看编辑器,是不是出现了code按钮了!

继续看:

这个插件还有一个弊端,就是不懂得怎么自动换行,只能在下面加个滚动条,很不爽!于是,我们来改一下这个文件:打开codecolorer/codecolorer-options.php这个文件,大约在121行的位置,看到下面这段代码:

[ccen_php]
    if (!isset($options['nowrap'])) {
      $options['nowrap'] = true;
[/ccen_php]

 

 

把true改成false即可,还没完呢!打开主题下的style.css文件,添加如下语句:

[ccen_CSS].codecolorer{white-space:normal;}[/ccen_CSS]

 

好了,这下你可以试一下发布代码的效果了。

不过记住发布前要选择好你添加代码的语言哦。例如:php、C#、Javascrip等等!

喜欢我们的文章请您与朋友分享:

除非特殊注明,本文版权归原作者所有,欢迎转载!转载请注明版权以及本文地址,谢谢。
转载保留版权:泰山个人博客 >> wordpress自带编辑器插入高亮代码显示插件:CodeColorer
本文地址:http://www.tais3.com/2012/628.html + 复制链接

相关文章:

Comments

目前有 2 条精彩评论

  1. 我恨我太帅 发表于:2013/8/2317:17

    你这个站做的挺好看的,有什么做的呢,wordpress

    #1

Comments
发表评论

电子邮件地址不会被公开。 * 标记为必填选项

  • 正确格式为: http://www.tais3.com