PHPCMS V9使用UEditor和七牛云存储的方法_phpcms v9 云储存系统 - 支持阿里云oss,腾讯云cos,七牛,又拍云,华为云-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_30736263/article/details/103434384

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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