两步教你开启KindEditor代码高亮功能

KindEditor(下面简称KE)虽然是一个国产货,可并不比洋货(CKEditor)逊色,尤其是插件和API功能,越来越出色了,其中4.0推出了代码高亮功能。
不过该功能在官方文档上并没有相关的说明,这一点要批评一下,这么好使的功能为什么不让大家都用上呢。
我整理了一下用法,供大家参考。

前台页面先加载插件脚本和样式:

<link rel="stylesheet" type="text/css" href="&#91;kePath&#93;/plugins/code/prettify.css" />
<script type="text/javascript" src="&#91;kePath&#93;/plugins/code/prettify.js"></script>
<script>
$(function(){ prettyPrint(); });
</script>

后台编辑器声明的时候加上插件样式,缺省这个参数,编辑器中插入代码跟普通文字一样,并且再次编辑的时候被隐藏了,所以这一步很关键。

var editor = KindEditor.create('textarea.editor', {
    cssPath : ['[kePath]/plugins/code/prettify.css']
});

初试KindEditor

即见即所得的编辑器不少,比较闻名的算是CKEditor(原FCKEditor),功能强大但过于臃肿,导致加载比较慢,让人感觉很不爽。
之前一直有了解一些其他的编辑器,不是功能太单一就是使用方法过于复杂,最近有朋友推荐使用KindEditor,看了一下感觉很不错,体积很小,功能也挺不错,于是决定先用在一个小项目里,体验体验。
使用过程中遇到了几个小问题:
1、权限问题
这是常见的问题,我就不多说了,解决方法在php/JSON.php加上对权限的判断即可。
2、更改上传目录
这个问题比较郁闷,因为没有一个配置文件,upload_json.php和file_manager_json.php都得改,而且有4处。