将PHPCMS与百度UEditer1.4.3编辑器进行整合
PHPCMS整合百度UEditor1.4.3编辑器，首先需要在后台安装并启用UEditor插件。然后在模板中引入UEditor的JS和CSS文件，设置编辑器的参数，如上传图片、视频等的服务器路径。接着在需要使用编辑器的地方插入相应的代码，如textarea标签，并为其添加ueditor属性，值为编辑器的配置项。最后，通过JavaScript初始化编辑器，使其能够正常工作。这样，就可以在PHPCMS中使用百度UEditor1.4.3编辑器了，为用户提供更加便捷的内容编辑体验。
首先去ueditor官网下载所需对应版本：http://ueditor.baidu.com/website/download.html
这里以1.4.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:700 //初始化编辑器宽度,默认1000
,initialFrameHeight:350 //初始化编辑器高度,默认320
5. 修改PC_PATH/libs/classes/form.class.php文件，
将原来的：
if(!defined('EDITOR_INIT')){$str='<scripttype="text/javascript"src="'.JS_PATH.'ckeditor/ckeditor.js"></script>';define('EDITOR_INIT',1);}改为：
if(!defined('EDITOR_INIT')){$str.='<scripttype="text/javascript"src="'.JS_PATH.'ueditor/ueditor.config.js"></script>';$str.='<scripttype="text/javascript"src="'.JS_PATH.'ueditor/ueditor.all.js"></script>';$str.='<scripttype="text/javascript"src="'.JS_PATH.'ueditor/ueditor.parse.js"></script>';$str.='<linkrel="stylesheet"href="'.JS_PATH.'ueditor/themes/default/css/ueditor.css"/>';define('EDITOR_INIT',1);}$str.="<scripttype="text/javascript">rn";$str.="vareditor=UE.getEditor('$textareaid');";$str.='</script>';6. 在ueditor/themes/default/css/ueditor.css中，
/*UI工具栏，编辑区域，底部样式*/ 里
增加一行： width:auto !important; //注：增加此行，使编辑器自适应
7. 去编辑器下方除子标题显示：去掉phpcms/libs/classes/form.class.php中 如下代码，
$ext_str="<divclass='editor_bottom'>";if(!defined('IMAGES_INIT')){$ext_str.='<scripttype="text/javascript"src="'.JS_PATH.'swfupload/swf2ckeditor.js"></script>';define('IMAGES_INIT',1);}$ext_str.="<divid='page_title_div'><tablecellpadding='0'cellspacing='1'border='0'><tr><tdclass='title'>".L('subtitle')."<spanid='msg_page_title_value'></span></td><td><aclass='close'href='javascript:;'onclick='javascript:$("#page_title_div").hide();'><span>×</span></a></td><tr><tdcolspan='2'><inputname='page_title_value'id='page_title_value'class='input-text'value=''size='30'> <inputtype='button'class='button'value='".L('submit')."'onclick=insert_page_title("$textareaid",1)></td></tr></table></div>";$ext_str.="</div>";至此，已完成修改，欢迎留言交流。
相关专题
