责任声明: 本站一切资源均原创或收集自互联网,仅作交流学习之用,请勿用作商业!如造成任何后果,本站概不负责!

zblog下KindEditor插件代码高亮与行号显示

网站制作 kevin 0评论

使用zblogASP版,发现自带的Ueditor太过于简单,中间试过了CKEditor,功能的确很强大,但是与“手动生成摘要“相冲突,点击后系统会报错。考虑到目前使用比较多”代码高亮“,所以还是选择了KindEditor。

使用kindeditor自带的code插件,发现使用起来,前面没有序号,有点不习惯,并且样式与自己页面中的引用类似。上网搜了一下,js和css都是取自谷歌的代码高亮插件(google-code-prettify),发现只要稍经加工,是可以实现代码高亮并且带行数的,以下是操作方法:

代码自动行号功能

kindeditor默认未开启代码行号显示功能的,可以通过在html视图下,将需要显示行号的代码做如下更改:

<pre class="prettyprint lang-html">
//改为:
<pre class="prettyprint linenums lang-html">


 

 

虽然这样自定义很强,不过想在实现增加行号每次都手工添加还是比较麻烦,有没有一劳永逸的办法呢? 当然可以的,可以修改zb_users\PLUGIN\KindEditor\kindeditor\plugins\code\code.js文件,在49行,做如下修改:

下图是未做修改之前:

 

下图是修改之后:

以后每次再插入程序代码的时候就自动带有行号。


转载请超链接注明:XSpace » zblog下KindEditor插件代码高亮与行号显示