首页建站经验 kindeditor显示代码高亮的方法

kindeditor显示代码高亮的方法

由于ueditor的种种bug,所以博主果断抛弃了它而选择了kindeditor!kindeditor的配置挺简单的,就是代码高亮的显示效果不太好。
kindeditor代码高亮的具体配置:
1.首先载入css和js…

由于ueditor的种种bug,所以博主果断抛弃了它而选择了kindeditor!kindeditor的配置挺简单的,就是代码高亮的显示效果不太好。
kindeditor代码高亮的具体配置:
1.首先载入css和js

kindeditorPath/plugins/code/prettify.css
kindeditorPath/plugins/code/prettify.js

2.然后加入以下js代码即可:

prettyPrint();

但是本人认为kindeditor的代码高亮效果不是很好,所以就选择了ueditor的代码高亮插件。使用ueditor中的代码高亮插件步骤如下:
1.修改kindeditor中plugins/code/code.js
代码45行左右改成如下即可

var type = K('.ke-code-type', dialog.p).val(),
code = textarea.val(),
html = '
/n' + K.escape(code) + '

';

2.将百度编辑器中的third-party/SyntaxHighlighter/shCoreDefault.css和third-party/SyntaxHighlighter/shCore.js复制到code文件夹下,然后在要显示代码高亮的页面加入以下代码即可




怎么样,代码是不是显示出来了?
本文来自网络,不代表1号站长-站长学院|资讯交流平台立场。转载请注明出处: https://www.1cn.cc/jianzhan/jingyan/19915.html
上一篇使用国外DNS造成国内网站访问慢的解决方法
下一篇 18 款超酷的 HTML5 和 JavaScript 游戏引擎库
admin

作者: admin

这里可以再内容模板定义一些文字和说明,也可以调用对应作者的简介!或者做一些网站的描述之类的文字或者HTML!

为您推荐

评论列表()

    联系我们

    联系我们

    0898-88888888

    在线咨询: QQ交谈

    邮箱: email@wangzhan.com

    工作时间:周一至周五,9:00-17:30,节假日休息

    关注微信
    微信扫一扫关注我们

    微信扫一扫关注我们

    关注微博
    返回顶部