kindeditor簡(jiǎn)介

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

KindEditor使用JavaScript編寫(xiě)，可以無(wú)縫的于Java、.NET、PHP、ASP等程序接合。 KindEditor非常適合在CMS、商城、論壇、博客、Wiki、電子郵件等互聯(lián)網(wǎng)應(yīng)用上使用，2006年7月首次發(fā)布2.0以來(lái)，KindEditor依靠出色的用戶體驗(yàn)和領(lǐng)先的技術(shù)不斷擴(kuò)大編輯器市場(chǎng)占有率，目前在國(guó)內(nèi)已經(jīng)成為最受歡迎的編輯器之一。

特點(diǎn)

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

3. 基于插件的方式設(shè)計(jì)，所有功能都是插件，增加自定義和擴(kuò)展功能非常簡(jiǎn)單。

4. 修改編輯器風(fēng)格很容易，只需修改一個(gè)CSS文件。

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

dedeCMS默認(rèn)的ckeditor編輯器個(gè)人感覺(jué)不是很好用，也不支持視頻上傳，dedeCMS官網(wǎng)也提供了kindeditor編輯器的插件，但是下載頁(yè)面已經(jīng)無(wú)法訪問(wèn)了，還好網(wǎng)上還有網(wǎng)友分享了插件，百度很輕松就能找到。

按照使用方法，安裝啟用以后發(fā)現(xiàn)有幾個(gè)問(wèn)題，這幾個(gè)問(wèn)題網(wǎng)上也可以找到答案，但是也要費(fèi)一些功夫。

主要有以下問(wèn)題：

1、dedeCMS更換成kindeditor后欄目?jī)?nèi)容無(wú)法保存。

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

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

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

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

6、dedeCMS更換成kindeditor后臺(tái)首頁(yè)在線更新模板報(bào)錯(cuò)。

解決方法：

問(wèn)題一：

打開(kāi)/include/inc/inc_fun_funAdmin.php文件，找到以下代碼：

allowFileManager : {$allowFileManager}

更換為：

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

問(wèn)題二：

打開(kāi)/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';
}

問(wèn)題三：

打開(kāi)/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'),

修復(fù)以后，上傳mp4視頻播放正常：

問(wèn)題四：

打開(kāi)/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',

問(wèn)題五：

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

問(wèn)題六：

打開(kāi)/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;
}

如果嫌麻煩不想動(dòng)手改，也可以，我已經(jīng)把所有問(wèn)題都修復(fù)，上傳到了網(wǎng)盤(pán)，直接下載以后按照版本覆蓋原來(lái)的文件即可。

使用方法也是一樣的：

1.解壓壓縮包，文件夾下有g(shù)b2312、utf-8兩個(gè)版本的文件；

2.將對(duì)應(yīng)版本文件覆蓋到系統(tǒng)目錄中；

3.系統(tǒng)后臺(tái)中設(shè)置[系統(tǒng)]-[核心設(shè)置]，在“Html編輯器（ckeditor,需要fck的用戶可以去官網(wǎng)下載）”中設(shè)置：kindeditor

前臺(tái)模板調(diào)用：

<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>