卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章64334本站已运行4115

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 = '';
define('EDITOR_INIT', 1);
}

改成:

if(!defined('EDITOR_INIT')) {
$str .= '';
$str .= '';
$str .= '';
$str .= '';
define('EDITOR_INIT', 1);}
$str .= "rn";
$str .= "var editor = UE.getEditor('$textareaid');";
$str .= '';

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

/*UI工具栏,编辑区域,底部样式*/ 里

减少一行: width:auto !important;   //备注:减少此行,使编辑器自适应

7. 去编辑器下方除子标题表明:去掉phpcms/libs/classes/form.class.php中 如下代码,

$ext_str = "";
if(!defined('IMAGES_INIT')) {
$ext_str .= '';
define('IMAGES_INIT', 1);
}
$ext_str .= "
".L('subtitle')."
×
 
"; $ext_str .= "
";

至此,已完成修正,欢迎留言交流。

相关专题

卓越飞翔博客
上一篇: PHPCMS二次开发之表单类使用指南
下一篇: 忘记phpcms后台管理员密码怎么办
留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏