文档章节

KindEditor Prettify代码高亮

ihaolin
 ihaolin
发布于 2014/06/12 23:30
字数 192
阅读 180
收藏 0

后台编辑器代码是没有高亮显示的,但是代码会有特效

1.后台需要加载prettify.js和prettify.css,

还有页脚填上<script>prettyPrint(); </script>

<script charset="utf-8" src="./kindeditor/plugins/code/prettify.js"></script>
<script> var editor; editor.ready(function(K) { editor= K.create('textarea[name="content"]',{ cssPath :[ './kindeditor/plugins/code/prettify.css'] }); }); prettyPrint(); </script>

2.前端显示,添加下面的代码到前端页面。

<link type="text/css" rel="stylesheet" href="./kindeditor/plugins/code/prettify.css"/> <script type="text/javascript" src="./kindeditor/plugins/code/prettify.js"></script><script>prettyPrint();</script>

注:最好还要修改plugins/code文件夹下的prettify.css,再最后加上以下内容,不加的话,前台代码不会换行,如果有长代码会很难看的,width是代码宽度,自己看着改。

pre.prettyprint { margin: 1em auto; padding: 1em; white-space: pre-wrap; }

© 著作权归作者所有

共有 人打赏支持
ihaolin
粉丝 259
博文 164
码字总数 106524
作品 4
朝阳
高级程序员
怎么选择wordpress 编辑器

最近wordpress刚建立起来,发表文章的时候顿感压力山大,默认编辑器TinyMCE,功能少的可怜啊。下面我就把我这几天找到的编辑器做一个统计好了,顺便说下这几天的感受。 TinyMCE: 不过网友们已...

ShareYkuaile
2014/12/18
0
0
kindeditor4.x整合SyntaxHighlighter代码高亮

kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,不过因为SyntaxHighlighter的应用...

度外网络
2012/08/26
0
4
kindeditor3.x升级到4.x 加入代码高亮功能

目前kindeditor已经升级到了4.1.2版本,其中4.0以上版本已经加入了代码高亮功能,所以决定把系统中kindeditor从3.x升级到最新的4.1.2,不过官方对于代码高亮功能,并未给予太多的说明,还需要...

度外网络
2012/08/26
0
0
kindeditor + syntaxhighlighter 使文章内的插入代码高亮显示

首先需要在页面中引入所需FE文件: 两个js和一个css文件是必须要引用的文件; shCore.js是syntaxhighlighter插件的基础代码; shAutoloader.js作用是syntaxhighlighter插件的代码高亮显示时自...

wedv
2014/02/18
0
0
NKeditor v5.0.3 发布,在线富文本编辑器

NKeditor 5.0.3 已发布。NKedtior 是基于 kindeditor 进行二次开发的项目,kindeditor 是一款优秀的开源在线编辑器。轻量级且功能强大,代码量却不到百度的 ueditor 编辑器的一半。我们在 ki...

阳建
前天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSX | SafariBookmarksSyncAgent意外退出解决方法

1. 启动系统, 按住⌘-R不松手2. 在实用工具(Utilities)下打开终端,输入csrutil disable, 然后回车; 你就看到提示系统完整性保护(SIP: System Integrity Protection)已禁用3. 输入reboot回车...

云迹
今天
4
0
面向对象类之间的关系

面向对象类之间的关系:is-a、has-a、use-a is-a关系也叫继承或泛化,比如大雁和鸟类之间的关系就是继承。 has-a关系称为关联关系,例如企鹅在气候寒冷的地方生活,“企鹅”和“气候”就是关...

gackey
今天
4
0
读书(附电子书)|小狗钱钱之白色的拉布拉多

关注公众号,在公众号中回复“小狗钱钱”可免费获得电子书。 一、背景 之前写了一篇文章 《小狗钱钱》 理财小白应该读的一本书,那时候我才看那本书,现在看了一大半了,发现这本书确实不错,...

tiankonguse
今天
4
0
Permissions 0777 for ‘***’ are too open

异常显示: @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ WARNING: UNPROTECTED PRIVATE KEY FILE! @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ......

李玉长
今天
5
0
区块链10年了,还未落地,它失败了吗?

导读 几乎每个人,甚至是对通证持怀疑态度的人,都对区块链的技术有积极的看法,因为它有可能改变世界。然而,区块链技术问世已经10年了,我们仍然没有真正的用上区块链技术。 几乎每个人,甚...

问题终结者
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部