PHPCMS

PHPCMS整合百度编辑器ueditor

2016-03-15

0 评论

923 阅读

正在检测是否收录...

03/15

1、首先我们要到百度去下载这个编辑器，下载的版本与您的网站的编码格式一定要一样的，下载地址是:http://ueditor.baidu.com/website/

2、然后把根目录下的/statics/js/uedito，更改为ueditor2或其他名字都行，在/statics/js/这个目录下建立ueditor，然后把您下载好的文件解压出来上上传到ueditor找个文件夹上，目录文件如下图：

3、这一部分是最重要的也是关键的一部分，就是修改我们的源代码，就是

把以前的那个调用换成百度的调用，这样我们就可以实现这样的功能了，那么具体的找到：/phpcms/libs/classes/form.class.php找到以下的代码大概是在18-21行，如下代码:

if(!defined('EDITOR_INIT')) { $str = ''; define('EDITOR_INIT', 1); }

然后替换成以下代码:

if(!defined('EDITOR_INIT')) {

$str.= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.config.js"></script>';

$str.= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.all.js"></script>';

$str.= '<link rel="stylesheet" href="'.JS_PATH.'ueditor/themes/default/css/ueditor.css"/>';

$str.= '<script type="text/javascript" src="'.JS_PATH.'swfupload/swf2ckeditor.js"></script>';

define('EDITOR_INIT', 1);

}

$str.= "<script type=\"text/javascript\">\r\n";

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

$str.= '</script>';

这样编辑器就算替换完成了。

5、发布文章时内容会漂浮到发布按钮上，解决办法如下：

修改＼statics＼css＼zh-cn-system.css 下.fixed-bottom .fixed-but{}属性，添加z-index: 999;

这样就解决了内容漂浮在发布按钮上。

6、替换好之后，编辑器的大小会不一样，修改配置/statics/js/ueditor/ueditor.config.js编辑器高度，去掉高宽前面的注释。变更为： ,initialFrameWidth:655 //初始化编辑器宽度,默认1000 ,initialFrameHeight:400 //初始化编辑器高度,默认320

6、关于百度编辑器，默认字体和大小的更改：
找到文件statics\js\ueditor.all.js，大概 6900行左右，把：
'body{margin:8px;font-family:sans-serif;font-size:16px;}'
替换成：'body{margin:8px;font-family:微软雅黑;font-size:14px;}'
字体可以根据自己的爱好去设置；

希望本文可以帮到您。

朗读

版权属于：

Dcr163的博客

本文链接：

http://dcr163.cn/378.html（转载时请注明本文出处及文章链接）

Dcr163的博客

PHPCMS整合百度编辑器ueditor

人生倒计时

热门文章

最新回复

标签云