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

最新推荐文章于 2022-08-01 13:39:45 发布

原创最新推荐文章于 2022-08-01 13:39:45 发布 · 696 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#PHPCMS #PHPCMS V9使用UEditor和七牛云存储

网站cms 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍如何将Ueditor富文本编辑器集成到PHPcms中，包括目录放置、form.class文件修改、ueditor.config.js配置及编辑器尺寸调整，帮助读者实现无缝集成。

https://github.com/widuu/utf8_qiniu_ueditor

目录命名为uediter，放在/statics/js/目录下面；

2、修改/phpcms/libs/classes/下的form.class文件：

if(!defined('EDITOR_INIT')) {
 $str = '<script type=http://www.weste.net/2014/6-24/"text/javascript" src=http://www.weste.net/2014/6-24/"'.JS_PATH.'ckeditor/ckeditor.js"></script>';  
 define('EDITOR_INIT', 1);
 }

替换为：

if(!defined('EDITOR_INIT')) {
 $str .= '<script type=http://www.weste.net/2014/6-24/"text/javascript" src=http://www.weste.net/2014/6-24/"'.JS_PATH.'ueditor/editor_config.js"></script>';
 $str .= '<script type=http://www.weste.net/2014/6-24/"text/javascript" src=http://www.weste.net/2014/6-24/"'.JS_PATH.'ueditor/editor_all.js"></script>';
 $str .= '<link rel=http://www.weste.net/2014/6-24/"stylesheet" href=http://www.weste.net/2014/6-24/"'.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