当前位置:首页 > CMS教程 > phpcms > 列表

phpcms v9整合百度ueditor方法详解

发布:smiling 来源: PHP粉丝网  添加日期:2014-12-06 15:34:48 浏览: 评论:0 

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

phpcms v9版本:phpcms v9.4.2utf8

ueditor:版本:ueditor1.2.6.1utf8-php

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

1.从百度http://ueditor.baidu.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,找到如下代码:

  1. if(!defined('EDITOR_INIT')) {  
  2.  
  3.         $str = '<script type="text/javascript" src="'.JS_PATH.'ckeditor/ckeditor.js"></script>'
  4.   
  5.        define('EDITOR_INIT', 1);  
  6.      } 

替换成,就是把原来编辑器的地址等信息都替换成如下代码:

  1. if(!defined('EDITOR_INIT')) {  
  2.  
  3. $str.= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.config.js"></script>'; 
  4.  
  5. $str.= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.all.js"></script>'; 
  6.  
  7.  $str.= '<link rel="stylesheet" href="'.JS_PATH.'ueditor/themes/default/css/ueditor.css"/>';   
  8.     
  9.  $str.= '<script type="text/javascript" src="'.JS_PATH.'swfupload/swf2ckeditor.js"></script>';
  10.  
  11. define('EDITOR_INIT', 1); 
  12.      
  13.   
  14.   $str.= "<script type=/"text/javascript/">/r/n";  
  15.    //开源软件:phpfensi.com 
  16.     
  17.    $str.= "var editor = new baidu.editor.ui.Editor();editor.render('$textareaid');/r/n";  
  18.  
  19.  $str.= '</script>'

4.修改编辑器默认宽度和高度,因为phpcms默认编辑器没有那么大,具体修改方法是找到如下代码,并把前面注释“//”去掉:

  1. //,initialFrameWidth:698  //初始化编辑器宽度,默认1000  
  2.  
  3. //,initialFrameHeight:400  //初始化编辑器高度,默认320  
  4.  
  5. 即变为:  
  6.  
  7.  ,initialFrameWidth:698  //初始化编辑器宽度,默认1000  
  8.  
  9.  ,initialFrameHeight:400  //初始化编辑器高度,默认320 

到这里已经完成了.

心得:

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

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

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

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

Tags: phpcms整合ueditor 百度ueditor

分享到: