KindEditor 是一套開源的在線HTML編輯器，主要用于讓用戶在網(wǎng)站上獲得所見即所得編輯效果，開發(fā)人員可以用 KindEditor 把傳統(tǒng)的多行文本輸入框(textarea)替換為可視化的富文本輸入框。

KindEditor 雖然是一套不錯的HTML編輯器，但有些功能還是需要進(jìn)行二次開發(fā)后，才能正常使用，比如下面所說的，增加代碼高亮功能，源碼是增加代碼沒法達(dá)到高亮功能作用的。

首先，下載一套dedecms 默認(rèn)編輯器插入代碼高亮插件syntaxhighlight，在這里就不多說了，互聯(lián)網(wǎng)上搜一下：織夢高亮插件syntaxhighlight，有很多可以下載使用的。根據(jù)下載說明，很容易就可以設(shè)置在，織夢網(wǎng)站系統(tǒng)默認(rèn)編輯器上使用。在織夢網(wǎng)站系統(tǒng)默認(rèn)編輯器上正常使用后，就可以切換到KindEditor編輯器上設(shè)置。

經(jīng)本人研究發(fā)現(xiàn)，很簡單調(diào)試兩個文件就可以使用了。

修改第一個文件

includekindeditorkindeditor.js  (這里文件是要看你的編輯器使用那個，有些是使用的是kindeditor-min.js 或 kindeditor-all.js)

找到文件大約在6664行里的

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

改成如下

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

當(dāng)然這個可以調(diào)到同組里的最前面，排組里的第一個，使用就會默認(rèn)，方便使用，不用再去選擇。

再找到大約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>

這個也調(diào)到同組里的最前面，排組里的第一個，使用就會默認(rèn)，和第一個文件一樣。

再找到大約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>";

保存后，刷新一下系統(tǒng)后臺頁面，再試試就可以正常使用了。