phpcms V9使用百度编辑器UEditor

之前的代码错误，目前已修正。和七楼的 明空 一起研究，搞定。

好吧，25楼夜鹰同学又发现一个遗漏的代码0.0，已修正。

注意编辑器文件夹ueditor的最终路径必须是/statics/js/ueditor/

另开一帖，集成UEditor配置修改问题，包括分页、附件等。有问题到那个帖子说吧。

关于phpcmsV9使用百度编辑器UEditor 的配置问题整理：http://bbs.phpcms.cn/thread-815936-1-1.html

另外，上传的图片附件还要改下，等下再发给帖子说明下

由于经常要贴代码以及其它编辑器效果，但phpcms默认的编辑器功能太简单，无法满足我的日常需要。经过比较，发现百度编辑器UEditor蛮好的，而且可以自由定制编辑器导航工具。需要的朋友可以去官网查看实际效果，或者注册本站投稿试用一下。（之前忘记修改栏目投稿权限，现在只要注册就可以测试，5.28修改）
官网体验url如下：
http://ueditor.baidu.com/website/onlinedemo.html
替换过程中需要修改到phpcms自身程序文件，所以在大家在替换之前需要先在本地备份一下整站文件，而且最好先在本地进行测试，调试完毕后再上传到网站空间。


步骤如下：
①先到官网下载资源包（先定制编辑器导航工具，再下载）
②上传到phpcms默认的js文件路径，上传后的文件路径如下

• \statics\js\ueditor\
  

[color=rgb(51, 102, 153) !important]复制代码
②打开/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);
•         }
  

[color=rgb(51, 102, 153) !important]复制代码
替换成：

• if(!defined('EDITOR_INIT')) {
•         $str = '<script type="text/javascript" src="'.JS_PATH.'ueditor/editor_config.js"></script>';
•         $str .= '<script type="text/javascript" src="'.JS_PATH.'ueditor/editor_all.js"></script>';
•     $str .= '<link rel="stylesheet" href="'.JS_PATH.'ueditor/themes/default/ueditor.css"/>';
•         define('EDITOR_INIT', 1);
•         }
•         $str .= "<script type=\"text/javascript\">\r\n";
•      $str .= "var editor = new baidu.editor.ui.Editor();editor.render('$textareaid');";
•      $str .= '</script>';
  

[color=rgb(51, 102, 153) !important]复制代码

③打开/statics/js/ueditor/editor_config.js，找到如下代码：

• var URL;
• /**
•   * 此处配置写法适用于UEditor小组成员开发使用，外部部署用户请按照上述说明方式配置即可，建议保留下面两行，以兼容可在具体每个页面配置window.UEDITOR_HOME_URL的功能。
•   */
• var tmp = location.protocol.indexOf("file")==-1 ? location.pathname : location.href;
• URL = window.UEDITOR_HOME_URL||tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","").replace("website/","");//这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径（指以http开头的绝对路径）
  

[color=rgb(51, 102, 153) !important]复制代码
替换成：

• var URL;
• var tmp = window.location.pathname,
•   URL= "/statics/js/ueditor/"
• /**
•    * 此处配置写法适用于UEditor小组成员开发使用，外部部署用户请按照上述说明方式配置即可，建议保留下面两行，以兼容可在具体每个页面配置window.UEDITOR_HOME_URL的功能。
•    */
• //var tmp = location.protocol.indexOf("file")==-1 ? location.pathname : location.href;
• //URL = window.UEDITOR_HOME_URL||tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","").replace("website/","");//这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径（指以http开头的绝对路径）
  

[color=rgb(51, 102, 153) !important]复制代码
就是把默认的“var tmp”和“URL”注释掉，换成百度编辑器的地址；

④修改完毕后，在/statics/js/ueditor/editor_config.js找到112、113行，修改编辑器默认宽度和高度，因为phpcms默认编辑器没有那么大：

• //,initialFrameWidth:1000  //初始化编辑器宽度,默认1000
• //,initialFrameHeight:320  //初始化编辑器高度,默认320
  

[color=rgb(51, 102, 153) !important]复制代码
替换成：

• ,initialFrameWidth:655  //初始化编辑器宽度,默认1000
• ,initialFrameHeight:400  //初始化编辑器高度,默认320
  

[color=rgb(51, 102, 153) !important]复制代码
如此，在添加文章时，编辑器就不会变形。




文章来源：
http://bbs.phpcms.cn/thread-814489-1-1.html