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

phpcms v9版本:phpcms v9.4.2utf8

ueditor:版本:ueditor1.2.6.1utf8-php

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

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默認(rèn)的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.修改編輯器默認(rèn)寬度和高度,因為phpcms默認(rèn)編輯器沒有那么大,具體修改方法是找到如下代碼,并把前面注釋“//”去掉:

1. //,initialFrameWidth:698  //初始化編輯器寬度,默認(rèn)1000  
2.  
3. //,initialFrameHeight:400  //初始化編輯器高度,默認(rèn)320  
4.  
5. 即變?yōu)椋?nbsp; 
6.  
7.  ,initialFrameWidth:698  //初始化編輯器寬度,默認(rèn)1000  
8.  
9.  ,initialFrameHeight:400  //初始化編輯器高度,默認(rèn)320 

到這里已經(jīng)完成了.

心得:

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

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

出現(xiàn)這種情況的原因是,網(wǎng)站安裝在服務(wù)器根目錄的子目錄上,當(dāng)然,這和上面對window.UEDITOR_HOME_URL"是否設(shè)置是沒有關(guān)系的。

解決辦法是把網(wǎng)站安裝在服務(wù)器的根目下.