phpcms v9整合百度ueditor方法详解

关于百度富文本在线编辑器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"是否设置是没有关系的。

解决办法是把网站安装在服务器的根目下.