项目:PHPCMS
编辑器:UEditor
下载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开发版
打开项目目录'www\phpcmsV9\statics\js”,在该目录下新建文件夹,例如取名“ueditor”,将解压的文件拷贝到该目录下
修改ueditor/php/config.json,将/ueditor/php/upload/替换为/phpcmsV9/uploadfile/,注意该配置文件有多处需要修改的地方,请全部替换,下图之标记了一处。
修改www\phpcmsV9\phpcms\classes\form.class.php文件,修改静态editor方法。替换成如下内容:$str ='';if(!defined('EDITOR_INIT')) { $str .= ''; $str .= ''; $str .= ''; $str .= ''; define('EDITOR_INIT', 1); } $str .= '';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内容框宽度自适应看看我们新的“庐山真面目”吧,是不是瞬间高大上了许多。
1,复制或上传的文件路径;
2,在修改静态方法editor时,注意采用注释的方式保留原方法;