PHPCMS v9更换编辑器为百度UEditer

使用phpcms v9发现自带的编辑器从fckedotror 到 ckeditor太老了，批量除去链接都无法使用了。决定更换编辑器。

首先去UEditor官网下载所需对应版本：http://ueditor.baidu.com/website/download.html

下载1.4.3.3 PHP  UTF-8版。

1. 将所下载的程序包解压，得到程序包目录，将程序包目录更名为ueditor。

2. 将ueditor包放入PHPCMS_PATH/statics/js/中。（PHPCMS_PATH为phpcms的入口文件所在路径）

3. 修改ueditor/php/config.json，将上传路径/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6} 改为

/phpcms/uploadfile/{yyyy}/{mm}{dd}/{yyyy}{mm}{dd}{rand:6}，符合PHPCMS的路径规则。

4. 修改ueditor/ueditor.config.js配置文件，

1) 自定义工具栏内容： ,toorbars : [[ ********** ]]

这个工具栏图标你可以参照官方文档进行修改，去掉不需要的功能：http://fex.baidu.com/ueditor/#start-toolbar

2) 自定义编辑器宽高： ,initialFrameWidth:655 　　//初始化编辑器宽度,默认1000

,initialFrameHeight:500　　//初始化编辑器高度,默认320

5. 修改PC_PATH/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 .= '<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\">\r\n";
$str .= "var editor = UE.getEditor('$textareaid');";
$str .= '</script>';

6. 在ueditor/themes/default/css/ueditor.css中，

/*UI工具栏、编辑区域、底部*/
.edui-default .edui-editor {
 border: 1px solid #d4d4d4;
 background-color: white;
 position: relative;
 overflow: visible;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 width:auto !important;//注：增加此行，使编辑器自适应
}

7. 去编辑器下方除子标题显示：注释掉phpcms/libs/classes/form.class.php中 如下代码：

 /*$ext_str = "<div class='editor_bottom'>";
 if(!defined('IMAGES_INIT')) {
 $ext_str .= '<script type="text/javascript" src="'.JS_PATH.'swfupload/swf2ckeditor.js"></script>';
 define('IMAGES_INIT', 1);
 }
 $ext_str .= "<div id='page_title_div'>
 <table cellpadding='0' cellspacing='1' border='0'><tr><td class='title'>".L('subtitle')."<span id='msg_page_title_value'></span></td><td>
 <a class='close' href='javascript:;' onclick='javascript:$(\"#page_title_div\").hide();'><span>×</span></a></td>
 <tr><td colspan='2'><input name='page_title_value' id='page_title_value' class='input-text' value='' size='30'>&nbsp;<input type='button' class='button' value='".L('submit')."' onclick=insert_page_title(\"$textareaid\",1)></td></tr>
 </table></div>";
 $ext_str .= "</div>";*/

8. ueditor\ueditor.all.js

//在这里加上格式化按钮 去除段落开始留下空格的问题
 re = new RegExp("^((\&nbsp\;)+)*","g");
 ci.innerHTML=ci.innerHTML.replace(re, "");
 ci.innerHTML=ci.innerHTML.replace(/(^\s*)/g, "");
 ci.innerHTML=ci.innerHTML.replace(re, "");
 
 if(isLine(ci,true) && ci.tagName != 'SPAN'){
 if(opt.indent){
 ci.style.textIndent = opt.indentValue;
 }
 if(opt.textAlign){
 ci.style.textAlign = opt.textAlign;
 }
 // if(opt.lineHeight)
 // ci.style.lineHeight = opt.lineHeight + 'cm';

}