网站地图    收藏   

主页 > 前端 > javascript >

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,但是代码过长不能换行,就解决方案

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论