下载PHPCMS V9 开源项目并解压，本文使用UTF8版本。

本地安装项目，使用wampserver进行演示（不了解wamp安装的用户请自行搜索学习）：

（1）运行wampserver;（2）打开WWW目录，创建项目，例如：phpcmsV9；

（3）将上述解压缩项目上传（远程项目即为上传，本地项目为复制）到www/phpcmsV9；

（4）浏览器中输入http://localhost/phpcmsV9/install开始安装。

点击进入“后台管理”，或在浏览器中输入http://localhost/phpcmsV9/index.php?m=admin&c=index，假如步骤2中安装时参数是默认参数的话，账号密码都是phpcms，找到我们要操作的编辑器（个人认为phpcmsV9的编辑器，对大部分企业或个人用户已经够用了，但确实不怎么好看，毕竟我们后台管理员同样是客户，也是将客户体验的，(￣▽￣)"），接下来的步骤就开始换装了。

下载Ueditor（地址：http://ueditor.baidu.com/website/download.html），需要说明的三个版本：（1）定制版：顾名思义“需要什么选什么”；

（2）开发版：可以理解成“功能最全的版本”；

（3）MINI版：用老马的话来讲就是，“小而美”。

各位各取所需吧！！本文取自PHP开发版

打开项目目录"wwwphpcmsV9staticsjs”,在该目录下新建文件夹，例如取名“ueditor”,将解压的文件拷贝到该目录下

修改ueditor/php/config.json，将/ueditor/php/upload/替换为/phpcmsV9/uploadfile/，注意该配置文件有多处需要修改的地方，请全部替换，下图之标记了一处。

修改wwwphpcmsV9phpcmsclassesform.class.php文件，修改静态editor方法。

替换成如下内容：

$str ='';

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 .= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.parse.js"></script>';

$str .= '<link rel="stylesheet" href="'.JS_PATH.'ueditor/themes/default/css/ueditor.css"/>';

define('EDITOR_INIT', 1);

}

$str .= "<script type="text/javascript"> ";

$str .= "var editor = UE.getEditor('$textareaid');";

$str .= '</script>';

return $str;

重新打开原有后台，查看新的编辑器，这时候可以看到新的编辑器已经引入了，但是我们还需要微调一下（尺度有点大）(￣▽￣)"

打开ueditor/themes/default/css/ueditor.css，文件太长，使用关键字搜索：

搜索关键字/*UI工具栏、编辑区域、底部*/

在css：.edui-default .edui-editor中添加： width:auto!important;//用于ueditor工具栏的宽度自适应

搜索关键字 .edui-editor-iframeholder

在css中添加：width:auto!important;//用于ueditor内容框宽度自适应

看看我们新的“庐山真面目”吧，是不是瞬间高大上了许多。