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

新客网 XKER.COM 时间:2014-08-26 01:00:26  评论:

百度编辑器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";
就这么多了。

如果您喜欢本文请分享给您的好友,谢谢!如想浏览更多更好的建站程序内容,请登录:http://www.xker.com/edu/website/6/index.html

相关内容标签:建站程序 PHPCMSUeditor七牛
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)