百度编辑器UEditor要比PHPCMS自带的编辑器更加好用,七牛也是一个非常棒的图片存储空间,下面我们就来介绍如何让PHPCMS V9使用UEditor和七牛云存储的方法。
1、首先去github下载百度编辑器UEditor,地址:
https://github.com/widuu/utf8_qiniu_ueditor
目录命名为uediter,放在/statics/js/目录下面;
2、修改/phpcms/libs/classes/下的form.class文件:
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/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\">
";
$str .= "var editor = new baidu.editor.ui.Editor();editor.render('$textareaid');";
$str .= '</script>';
修改Ueditor根目录下的ueditor.config.js其中的配置如下:
相当于指定一下ueditor的路径
window.UEDITOR_HOME_URL = "/statics/js/ueditor/";
var URL = window.UEDITOR_HOME_URL || getUEBasePath();
,imagePath:"七牛分配的域名或者你绑定的域名",savePath: ['your bucket']
,filePath:"七牛分配的域名或者你绑定的域名" ,imageManagerPath:"七牛分配的域名或者你绑定的域名"
3、修改编辑器默认宽度和高度,因为phpcms默认编辑器没有那么大,具体修改方法是:
找到如下代码,并把前面的两条“//”删除。
//,initialFrameWidth:698 //初始化编辑器宽度,默认1000
//,initialFrameHeight:400 //初始化编辑器高度,默认320
即变为:
,initialFrameWidth:655 //初始化编辑器宽度,默认1000
,initialFrameHeight:400 //初始化编辑器高度,默认320
修改根目录下/php/conf.php中的代码
$QINIU_ACCESS_KEY = 'your ak';$QINIU_SECRET_KEY = 'your sk';$BUCKET = "your bucket";
就这么多了。