kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下:

首先在编辑器里面插入javascript代码:

确定后会在编辑器插入这样的代码:

<pre class="prettyprint lang-js">&lt;script&gt;

var KE;

KindEditor.ready(function(K) {

KE = K.create('#content',{

filterMode : false

});

});

&lt;/script&gt;</pre>

这里要主的就是class=”prettyprint lang-js”

接下来换web页面显示了,首先载入css和js

<link href="/Public/plug/kindeditor/plugins/code/prettify.css"  rel="stylesheet" type="text/css">

<script src="/Public/plug/kindeditor/plugins/code/prettify.js"></script>

注意:你的改成你自己的路径

然后在</body>的前面加:

<script type="text/javascript">

prettyPrint();

</script>

效果如下:

不过prettify感觉着色不是很好,所以决定要换一个,下一个我们将讲SyntaxHighlighter的的集成。

原文地址:http://www.d8jd.com/art/55803.html

最新文章

  1. MySQL下载、安装及启动
  2. 为什么xcode7请求不成功
  3. orcl
  4. NodeJS用Express建立project
  5. margin塌陷现象(即在内层设置margin-top无效的解决办法)
  6. java web Cookie浅谈
  7. Java面试题—初级(8)
  8. 【P2577】 午餐
  9. Jmeter性能测试之分布式(五)
  10. How to Build a New Habit: This is Your Strategy Guide
  11. Spring Security(十三):5.2 HttpSecurity
  12. 【C/C++】递归算法
  13. PAT 1048 数字加密
  14. flowable 中task的相关操作
  15. Android: 背景图片平铺要这么干
  16. android分辨率适配
  17. codeforces 494a//Treasure// Codeforces Round #282(Div. 1)
  18. 数据库使用B+树原理
  19. javacript window对象
  20. rpmforge

热门文章

  1. Html Agility Pack 解析Html
  2. 0-1背包问题蛮力法求解(c++版本)
  3. C++ std::set
  4. Win10 IIS本地部署MVC网站时不能运行?
  5. 从零开始编写自己的C#框架(26)——小结
  6. Oracle学习之路-- 案例分析实现行列转换的几种方式
  7. BridgePattern(桥接模式)
  8. 最新的 cocoaPods 安装方法
  9. Linux基础介绍【第五篇】
  10. ReactNative入门(安卓)——API(上)