关于百度富文本在线编辑器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，找到如下代码：
| 代码如下 | 复制代码 |
|
if(!defined('EDITOR_INIT')) {
$str = '<script type="text/javascript" src="'.JS_PATH.'ckeditor/ckeditor.js"></script>';
define('EDITOR_INIT', 1);
} |
|
替换成（就是把原来编辑器的地址等信息都替换成:
| 代码如下 | 复制代码 |
|
if(!defined('EDITOR_INIT')) {
$str.= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.config.js"></script>';
$str.= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.all.js"></script>';
$str.= '<link rel="stylesheet" href="'.JS_PATH.'ueditor/themes/default/css/ueditor.css"/>';
define('EDITOR_INIT', 1);
}
$str.= "<script type=/"text/javascript/">/r/n";
$str.= "var editor = new baidu.editor.ui.Editor();editor.render('$textareaid');/r/n";
$str.= '</script>'; |
|
4.修改编辑器默认宽度和高度，因为phpcms默认编辑器没有那么大，具体修改方法是：
| 代码如下 | 复制代码 |
|
找到如下代码，并把前面注释“//”去掉: //,initialFrameWidth:698 //初始化编辑器宽度,默认1000 //,initialFrameHeight:400 //初始化编辑器高度,默认320 即变为： ,initialFrameWidth:698 //初始化编辑器宽度,默认1000 ,initialFrameHeight:400 //初始化编辑器高度,默认320 |
|
到这里已经完成了。
心得：
1、网上有些文章说需要修改ueditor.config.js的路径如“ window.UEDITOR_HOME_URL = "/statics/js/ueditor/";”，我觉得没有必要。
2、如果在整合好后，测试时发现，图片上传不了，如点击上传图片时弹出如图所示窗口：
出现这种情况的原因是，网站安装在服务器根目录的子目录上，当然，这和上面对window.UEDITOR_HOME_URL"是否设置是没有关系的。
解决办法是，把网站安装在服务器的根目下。
原文来自：网志博客