kindeditor簡介

KindEditor是一套開源的HTML可視化編輯器，主要用于讓用戶在網站上獲得所見即所得編輯效果，兼容IE、Firefox、Chrome、Safari、Opera等主流瀏覽器。

KindEditor使用JavaScript編寫，可以無縫的于Java、.NET、PHP、ASP等程序接合。 KindEditor非常適合在CMS、商城、論壇、博客、Wiki、電子郵件等互聯網應用上使用，2006年7月首次發布2.0以來，KindEditor依靠出色的用戶體驗和領先的技術不斷擴大編輯器市場占有率，目前在國內已經成為最受歡迎的編輯器之一。

特點

1. 體積小，加載速度快，但功能十分豐富。2. 內置自定義range，完美地支持span標記。

3. 基于插件的方式設計，所有功能都是插件，增加自定義和擴展功能非常簡單。

4. 修改編輯器風格很容易，只需修改一個CSS文件。

5. 支持大部分主流瀏覽器，比如IE、Firefox、Safari、Chrome、Opera。

dedeCMS默認的ckeditor編輯器個人感覺不是很好用，也不支持視頻上傳，dedeCMS官網也提供了kindeditor編輯器的插件，但是下載頁面已經無法訪問了，還好網上還有網友分享了插件，百度很輕松就能找到。

按照使用方法，安裝啟用以后發現有幾個問題，這幾個問題網上也可以找到答案，但是也要費一些功夫。

主要有以下問題：

1、dedeCMS更換成kindeditor后欄目內容無法保存。

2、dedeCMS更換成kindeditor后視頻上傳以無法播放。

3、dedeCMS更換成kindeditor后不支持MP4格式的視頻上傳。

4、dedeCMS更換成kindeditor后/include/plugins/code/prettify.css 文件無法找到，和編輯器頁面報錯(GBK版本)。

5、dedeCMS更換成kindeditor后GBK版本編輯器亂碼。

6、dedeCMS更換成kindeditor后臺首頁在線更新模板報錯。

解決方法：

問題一：

打開/include/inc/inc_fun_funAdmin.php文件，找到以下代碼：

allowFileManager : {$allowFileManager}

更換為：

allowFileManager : {$allowFileManager},
afterBlur: function(){this.sync();}

問題二：

打開/include/kindeditor/kindeditor.js文件，找到以下代碼：

function _mediaType(src) {
if (/\.(rm|rmvb)(\?|$)/i.test(src)) {
return 'audio/x-pn-realaudio-plugin';
}
if (/\.(swf|flv)(\?|$)/i.test(src)) {
return 'application/x-shockwave-flash';
}
return 'video/x-ms-asf-plugin';
}

替換為：

function _mediaType(src) {
if (/\.(rm|rmvb)(\?|$)/i.test(src)) {
return 'audio/x-pn-realaudio-plugin';
}
if (/\.(swf|flv)(\?|$)/i.test(src)) {
return 'application/x-shockwave-flash';
}
if (/\.(mp4)(\?|$)/i.test(src)) {
return 'video/mp4';
}
return 'video/x-ms-asf-plugin';
}

問題三：

打開/include/dialog/kindeditor_post.php文件，找到以下代碼：

'media' => array('swf', 'flv', 'mp3', 'wav', 'wma', 'wmv', 'mid', 'avi', 'mpg', 'asf', 'rm', 'rmvb'),

替換為：

'media' => array('swf', 'flv', 'mp3', 'wav', 'wma', 'wmv', 'mid', 'avi', 'mpg', 'asf', 'rm', 'rmvb','mp4'),

修復以后，上傳mp4視頻播放正常：

問題四：

打開/include/inc/inc_fun_funAdmin.php文件，找到以下代碼：

<script charset="utf-8" type="text/javascript">
KindEditor.ready(function(K) {
var editor1 = K.create('textarea[name="{$fname}"]', {
cssPath : '../include/plugins/code/prettify.css',

替換為：

<script charset="utf-8" src="/include/kindeditor/plugins/code/prettify.js"></script>
<script charset="utf-8" type="text/javascript">
KindEditor.ready(function(K) {
var editor1 = K.create('textarea[name="{$fname}"]', {
cssPath : '../include/kindeditor/plugins/code/prettify.css',

問題五：

將include/kindeditor/lang/zh_CN.js  這個文件的編碼轉換成unicode即可，或者直接用utf8版本的文件替換gbk的此文件。

問題六：

打開/include/inc/inc_fun_funAdmin.php文件，找到以下代碼：

function SpGetNewInfo()
{
    global $cfg_version,$dsql;
    $nurl = $_SERVER['HTTP_HOST'];
    if( preg_match("#[a-z\-]{1,}\.[a-z]{2,}#i",$nurl) ) {
        $nurl = urlencode($nurl);
    }
    else {
        $nurl = "test";
    }
    $phpv = phpversion();
    $sp_os = PHP_OS;
    $mysql_ver = $dsql->GetVersion();
    $offUrl = "http://www.de"."decms.com/newinfov57.php?version={$cfg_version}&formurl={$nurl}&phpver={$phpv}&os={$sp_os}&mysqlver={$mysql_ver}";
    return $offUrl;
}

替換為：

function SpGetNewInfo()
{
    global $cfg_version,$dsql;
    $nurl = $_SERVER['HTTP_HOST'];
    if( preg_match("#[a-z\-]{1,}\.[a-z]{2,}#i",$nurl) ) {
        $nurl = urlencode($nurl);
    }
    else {
        $nurl = "test";
    }
    $phpv = phpversion();
    $sp_os = PHP_OS;
    $mysql_ver = $dsql->GetVersion();
    $seo_info = $dsql->GetOne("SELECT * FROM `#@__plus_seoinfo` ORDER BY id DESC");
    $add_query = '';
    if ( $seo_info )
    {
        $add_query .= "&alexa_num={$seo_info['alexa_num']}&alexa_area_num={$seo_info['alexa_area_num']}&baidu_count={$seo_info['baidu_count']}&sogou_count={$seo_info['sogou_count']}&haosou360_count={$seo_info['haosou360_count']}";
    }
    $query = " SELECT COUNT(*) AS dd FROM `#@__member` ";
    $row1 = $dsql->GetOne($query);
    if ( $row1 ) $add_query .= "&mcount={$row1['dd']}";
    $query = " SELECT COUNT(*) AS dd FROM `#@__arctiny` ";
    $row2 = $dsql->GetOne($query);
    if ( $row2 ) $add_query .= "&acount={$row2['dd']}";
    
    $offUrl = "http://new"."ver.a"."pi.de"."decms.com/index.php?c=info57&version={$cfg_version}&formurl={$nurl}&phpver={$phpv}&os={$sp_os}&mysqlver={$mysql_ver}{$add_query}";
    return $offUrl;
}

如果嫌麻煩不想動手改，也可以，我已經把所有問題都修復，上傳到了網盤，直接下載以后按照版本覆蓋原來的文件即可。

使用方法也是一樣的：

1.解壓壓縮包，文件夾下有gb2312、utf-8兩個版本的文件；

2.將對應版本文件覆蓋到系統目錄中；

3.系統后臺中設置[系統]-[核心設置]，在“Html編輯器（ckeditor,需要fck的用戶可以去官網下載）”中設置：kindeditor

前臺模板調用：

<link href="/include/kindeditor/plugins/runCode/runCode.css" rel="stylesheet" media="screen" type="text/css" />
<script language="javascript" type="text/javascript" src="/include/kindeditor/plugins/runCode/zztuku_runCode.js"></script>