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
在线客服:
售前
售前
售前
售后
微信图标
联系微信:
微信联系二维码
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

咨询送礼现在提交,将获得全宝鑫公司策划专家免费为您设计
创意LOGO,免费设计您满意的名片。
下单送礼感恩多年,新老用户下单即送创业型空间+域名等大礼
8:30-18:00小时免费咨询热线137-6042-7131
建站留言合作意向表

您需要的服务

您关注的地方

您大概的预算

直接咨询