PHPCMS V9使用UEditor和七牛云存储的方法

2014-06-24 17:31:09来源:威易网作者:wansy521

百度编辑器UEditor要比PHPCMS自带的编辑器更加好用,七牛也是一个非常棒的图片存储空间,下面我们就来介绍如何让PHPCMS V9使用UEditor和七牛云存储的方法。

百度编辑器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";

就这么多了。

赞助商链接: