最近研究phpcms,發現默認編輯器實在不好用,本人不太喜歡ckeditor,相對喜歡國產輕量級KindEditor一點,查找資料湖決定將其換掉,本地UTF-8測試成功,GBK未測,有興趣的可以嘗試一下,方法都是一樣的!
現上張圖看效果吧!
具體做法如下:
首先,去kindeditor官網下載一個新的編輯器,解壓后將其整個文件夾重命名為kindeditor,并復制到\statics\js\目錄;
然后修改\phpcms\libs\classes\form.class.php
查找
if(!defined('EDITOR_INIT')) {
如果你沒修改過這個文件的話在第18行,
將
$str = '<script type="text/javascript" src="'.JS_PATH.'ckeditor/ckeditor.js"></script>'; define('EDITOR_INIT', 1);
替換為
$str .= '<script charset="utf-8" type="text/javascript" src="'.JS_PATH.'kindeditor/kindeditor-min.js"></script>'; $str .= '<script charset="utf-8" type="text/javascript" src="'.JS_PATH.'kindeditor/lang/zh_CN.js"></script>'; define('EDITOR_INIT', 1); $str .= "<script type=\"text/javascript\">\r\n"; $str .= "KindEditor.ready(function(K) {\r\n"; $str .= "editor = K.create('textarea[id=\"$textareaid\"]', {\r\n"; $str .= "allowFileManager : true,\r\n"; $str .= "width : '99%',"; $str .= "height : '400px'"; $str .= "});"; $str .= "});"; $str .= '</script>';
保存,刷新,可以看到,編輯器已經換為KindEditor的了,但是測試發現,無法上傳圖片,附件等等!
下面需要做一些修改:
打開\statics\js\kindeditor\php\file_manager_json.php
將:
//根目錄路徑,可以指定絕對路徑,比如 /var/www/attached/ $root_path = $php_path . '../attached/'; //根目錄URL,可以指定絕對路徑,比如 http://www.yoursite.com/attached/ $root_url = $php_url . '../attached/';
修改為phpcms的上傳目錄既可
//根目錄路徑,可以指定絕對路徑,比如 /var/www/attached/ $root_path = $php_path . '../../../../uploadfile/'; //根目錄URL,可以指定絕對路徑,比如 http://www.yoursite.com/attached/ $root_url = $php_url . '../../../../uploadfile/';
同樣將\statics\js\kindeditor\php\upload_json.php中的
//文件保存目錄路徑 $save_path = $php_path . '../attached/'; //文件保存目錄URL $save_url = $php_url . '../attached/'; //定義允許上傳的文件擴展名
修改為:
//文件保存目錄路徑 $save_path = $php_path . '../../../../uploadfile/'; //文件保存目錄URL $save_url = $php_url . '../../../../uploadfile/'; //定義允許上傳的文件擴展名
將文章發布頁面調整為全屏,個人喜好,無關緊要!可不修改!
將\statics\css\zh-cn-system.css中的:
.addContent{width:960px; margin:0 auto; overflow:hidden;}
修改為:
.addContent{width:99%; margin:0 auto; overflow:hidden;}
好了,到此為止,基本上就與使用了,如果用什么覺得不美觀的,可以自己試著進行修改!
KindEditor編輯器自我覺得使用很方便,所以推薦,本站已經發表過
為kindsoft編輯器替換SyntaxHighlighter代碼高亮
等一些教程,有需要的可以看一看
對了,如果嫌棄本教程麻煩,可以下載本站為您提供的一鍵傻瓜式安裝包,已經修改好的,上傳覆蓋即可,為了安全期間,建議做好文件備份!!!
傻瓜式覆蓋包傳送門
本教程可能會有更新,請留意,如有疑問,歡迎留言咨詢!
2013-01-09修正:
2013-01-09 修復網友提出的一系列問題,主要為“分頁”和“子標題”,當然,使用的時候記得需要選擇手動分頁哈!加入了代碼運行!記得前臺引用所需文件具體為:
<link href="/statics/js/kindeditor/plugins/runCode/runCode.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript" src="/statics/js/kindeditor/plugins/runCode/zztuku_runCode.js"></script>