kindeditor编辑器整合Syntaxhighlighter代码高亮
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] Syntaxhighlighter插件是一款高亮显示代码的插件，现在很多的网站都有这个功能，下面我来介绍在kindeditor编辑器整合Syntaxhighlighter插件，实现高亮代码显示。...
|
我使用的是kindeditor-4.1.5版本
链接地址:http://kindeditor.googlecode.com/files/kindeditor-4.1.5.zip
Syntaxhighlighter 代码高亮提示插件 网上就可以搜到
步骤:
1。找到kindeditor的code插件的code.js文件（在editor/plugins/code下）查找一下两行后删除或者注释掉
| 代码如下 |
复制代码 |
|
cls = type === "" ? "" : " lang-" + type,
html = "<pre class="prettyprint" + cls + "">
" + K.escape(code) + "</pre> ";
修改为:
cls = type === "" ? "" : type,
html = "<pre class="brush:" + cls + "">
" + K.escape(code) + "</pre> ";
|
在到 kindeditorphpcode目录下找到 demo.php
打开插入一下代码,如果没有你需要的语言你可以到syntaxhighlighter/scripts/这个目录下查找你需要的语言加入即可
| 代码如下 |
复制代码 |
|
<script type="text/javascript" src="../syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="../syntaxhighlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="../syntaxhighlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="../syntaxhighlighter/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="../syntaxhighlighter/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="../syntaxhighlighter/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="../syntaxhighlighter/styles/shCoreDefault.css"/>
|
使用kindeditor插件为了使插入的代码高亮SyntaxHighlighter，但是代码过长不能换行，就解决方案
|
