kindeditor4.1编辑器增加代码高亮设置方法

发布期:2021-02-06 | 来源处:本站 | 编辑者:admin | 浏览量:0
06
02
2021

KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。

KindEditor 虽然是一套不错的HTML编辑器,但有些功能还是需要进行二次开发后,才能正常使用,比如下面所说的,增加代码高亮功能,源码是增加代码没法达到高亮功能作用的。

首先,下载一套dedecms 默认编辑器插入代码高亮插件syntaxhighlight,在这里就不多说了,互联网上搜一下:织梦高亮插件syntaxhighlight,有很多可以下载使用的。根据下载说明,很容易就可以设置在,织梦网站系统默认编辑器上使用。在织梦网站系统默认编辑器上正常使用后,就可以切换到KindEditor编辑器上设置。

经本人研究发现,很简单调试两个文件就可以使用了。


修改第一个文件

includekindeditorkindeditor.js  (这里文件是要看你的编辑器使用那个,有些是使用的是kindeditor-min.js 或 kindeditor-all.js)

找到文件大约在6664行里的


<option value="bsh">Shell</option>

改成如下

<option value="bash">Bash(Shell)</option>

当然这个可以调到同组里的最前面,排组里的第一个,使用就会默认,方便使用,不用再去选择。


再找到大约6681行里的


html = '<pre class="prettyprint' + cls + '">
' + K.escape(code) + '</pre> ';

改成如下

html = '<table style="border:1px solid #EAED9C;width:100%;"><tr><td><pre class="brush:' + type + '">' + K.escape(code) + "</pre></td></tr></table>";


修改第二个文件

    includekindeditorpluginscodecode.js

找到文件大约在29行里的


<option value="bsh">Shell</option>

改成如下

<option value="bash">Bash(Shell)</option>

这个也调到同组里的最前面,排组里的第一个,使用就会默认,和第一个文件一样。


再找到大约46行里的

html = '<pre class="prettyprint' + cls + '">
' + K.escape(code) + '</pre> ';

改成如下

html = '<table style="border:1px solid #EAED9C;width:100%;"><tr><td><pre class="brush:' + type + '">' + K.escape(code) + "</pre></td></tr></table>";


保存后,刷新一下系统后台页面,再试试就可以正常使用了。




TAG 标签:

网站优化知识

推荐类似信息
热线(微信同号):
137-6042-7131
在线客服:
售前
售前
售前
售后
微信图标
联系微信:
微信联系二维码
欢迎留言,我们及时与您沟通!
为您公司定制,最符合您公司的官方网站!

搭建网站定制网站,将获得全宝鑫公司,设计师免费为您设计
创意LOGO(商标),和设计您满意的名片

网店托管服务流程:拍摄产品、美工处理、上传网店、
版面设计、资料优化,按年托管!

工作日 9:00-18:00 等您联系咨询!(微信同号)137-6042-7131
留言说明您需要的服务!

您需要的服务?(可选填)


QQ咨询