phpcms v9整合百度ueditor方法详解

作者：袖梨 2022-06-25

关于百度富文本在线编辑器ueditor的强大功能，在这里并不想多说，如果还不了解的，自己百度一下吧。接下来我要做的就是把phpcms v9原有的编辑器ckeditor换成ueditor。

phpcms v9版本：phpcms v9.4.2utf8

ueditor:版本：ueditor1.2.6.1utf8-php

这里要说一下了，网上很多关于phpcms v9整合ueditor的评议文章，忽略了版本问题，导致了一些问题，如乱码，甚至无法整合，所以这里特别强调，整合前要注意版本的一致性。

1.从百度http://ueditor.*b*aid*u.com/website/处下载ueditor1.2.6.1utf8-php编辑器，从http://download.phpcms.cn/v9/9.4/下载phpcms v9.4.2utf8

2.把ueditor编辑器上传到phpcms默认的js文件路径，上传后的文件路径如下：

/statics/js/ueditor/

3.打开/phpcms/libs/classes/form.class.php，找到如下代码：

代码如下

复制代码

if(!defined('EDITOR_INIT')) {

$str = '';

define('EDITOR_INIT', 1);

}

替换成（就是把原来编辑器的地址等信息都替换成:

代码如下

复制代码

if(!defined('EDITOR_INIT')) {

$str.= '';

$str.= '';

$str.= '';

define('EDITOR_INIT', 1);

}

$str.= "

$str.= "var editor = new baidu.editor.ui.Editor();editor.render('$textareaid');/r/n";

$str.= '';

4.修改编辑器默认宽度和高度，因为phpcms默认编辑器没有那么大，具体修改方法是：

代码如下

复制代码

找到如下代码，并把前面注释“//”去掉:

//,initialFrameWidth:698 //初始化编辑器宽度,默认1000

//,initialFrameHeight:400 //初始化编辑器高度,默认320

即变为：

,initialFrameWidth:698 //初始化编辑器宽度,默认1000

,initialFrameHeight:400 //初始化编辑器高度,默认320

到这里已经完成了。

心得：

1、网上有些文章说需要修改ueditor.config.js的路径如“ window.UEDITOR_HOME_URL = "/statics/js/ueditor/";”，我觉得没有必要。

2、如果在整合好后，测试时发现，图片上传不了，如点击上传图片时弹出如图所示窗口：

出现这种情况的原因是，网站安装在服务器根目录的子目录上，当然，这和上面对window.UEDITOR_HOME_URL"是否设置是没有关系的。

解决办法是，把网站安装在服务器的根目下。

原文来自：网志博客

相关文章