梦想之家

PHPCMS整合百度编辑器ueditor

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;}'
字体可以根据自己的爱好去设置;


希望本文可以帮到您。

您此刻的心情: