七零部落格
思则大道至简,疑则谜团重重!
思则大道至简,疑则谜团重重!
KindEditor(下面简称KE)虽然是一个国产货,可并不比洋货(CKEditor)逊色,尤其是插件和API功能,越来越出色了,其中4.0推出了代码高亮功能。
不过该功能在官方文档上并没有相关的说明,这一点要批评一下,这么好使的功能为什么不让大家都用上呢。
我整理了一下用法,供大家参考。
前台页面先加载插件脚本和样式:
|
1
2
3
4
5
|
<link rel="stylesheet" type="text/css" href="[kePath]/plugins/code/prettify.css" />
<script type="text/javascript" src="[kePath]/plugins/code/prettify.js"></script>
<script>
$(function(){ prettyPrint(); });
</script>
|
后台编辑器声明的时候加上插件样式,缺省这个参数,编辑器中插入代码跟普通文字一样,并且再次编辑的时候被隐藏了,所以这一步很关键。
|
1
2
3
|
var editor = KindEditor.create('textarea.editor', {
cssPath : ['[kePath]/plugins/code/prettify.css']
});
|