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

即變?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";

就這么多了。

贊助商鏈接: