PHPCMS整合百度UEditer1.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 = '<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">rn"; $str .= "var editor = 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 = "<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'> <input type='button' class='button' value='".L('submit')."' onclick=insert_page_title("$textareaid",1)></td></tr> </table></div>"; $ext_str .= "</div>";
至此,已完成修改,欢迎留言交流。
本文结束