百度編輯器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
即變?yōu)椋?/p>
,initialFrameWidth:655 //初始化編輯器寬度,默認1000
,initialFrameHeight:400 //初始化編輯器高度,默認320
修改根目錄下/php/conf.php中的代碼
$QINIU_ACCESS_KEY = 'your ak';$QINIU_SECRET_KEY = 'your sk';$BUCKET = "your bucket";
就這么多了。