關于百度富文本在線編輯器ueditor的強大功能,在這里并不想多說,如果還不了解的,自己百度一下吧,接下來我要做的就是把phpcms v9原有的編輯器ckeditor換成ueditor.

phpcms v9版本:phpcms v9.4.2utf8

ueditor:版本:ueditor1.2.6.1utf8-php

這里要說一下了,網上很多關于phpcms v9整合ueditor的評議文章,忽略了版本問題,導致了一些問題,如亂碼,甚至無法整合,所以這里特別強調,整合前要注意版本的一致性.

1.從百度http://ueditor.baidu.com/website/處下載ueditor1.2.6.1utf8-php編輯器，從http://download.phpcms.cn/v9/9.4/下載phpcms v9.4.2utf8

2.把ueditor編輯器上傳到phpcms默認的js文件路徑,上傳后的文件路徑如下:

/statics/js/ueditor/

3.打開/phpcms/libs/classes/form.class.php,找到如下代碼:

1. if(!defined('EDITOR_INIT')) {  
2.  
3.         $str = '<script type="text/javascript" src="'.JS_PATH.'ckeditor/ckeditor.js"></script>'; 
4.   
5.        define('EDITOR_INIT', 1);  
6.      } 

替換成,就是把原來編輯器的地址等信息都替換成如下代碼:

1. if(!defined('EDITOR_INIT')) {  
2.  
3. $str.= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.config.js"></script>'; 
4.  
5. $str.= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.all.js"></script>'; 
6.  
7.  $str.= '<link rel="stylesheet" href="'.JS_PATH.'ueditor/themes/default/css/ueditor.css"/>';   
8.     
9.  $str.= '<script type="text/javascript" src="'.JS_PATH.'swfupload/swf2ckeditor.js"></script>';
10.  
11. define('EDITOR_INIT', 1); 
12.      
13. }   
14.   $str.= "<script type=/"text/javascript/">/r/n";  
15.    //開源軟件:Vevb.com 
16.     
17.    $str.= "var editor = new baidu.editor.ui.Editor();editor.render('$textareaid');/r/n";  
18.  
19.  $str.= '</script>'; 

4.修改編輯器默認寬度和高度,因為phpcms默認編輯器沒有那么大,具體修改方法是找到如下代碼,并把前面注釋“//”去掉:

1. //,initialFrameWidth:698  //初始化編輯器寬度,默認1000  
2.  
3. //,initialFrameHeight:400  //初始化編輯器高度,默認320  
4.  
5. 即變為：  
6.  
7.  ,initialFrameWidth:698  //初始化編輯器寬度,默認1000  
8.  
9.  ,initialFrameHeight:400  //初始化編輯器高度,默認320 

到這里已經完成了.

心得:

1、網上有些文章說需要修改ueditor.config.js的路徑如“ window.UEDITOR_HOME_URL = "/statics/js/ueditor/";”,我覺得沒有必要.

2、如果在整合好后,測試時發現,圖片上傳不了,如點擊上傳圖片時彈出如圖所示窗口：

出現這種情況的原因是,網站安裝在服務器根目錄的子目錄上,當然,這和上面對window.UEDITOR_HOME_URL"是否設置是沒有關系的。

解決辦法是把網站安裝在服務器的根目下.