最近看到百度出了Uedit编辑器,感受还不错,所以想把它集成到深喉咙内里,研究了一番,终于搞定了,此刻将要领和各人共享,有需要的同学可以触类旁通老做一下,方才弄好大概不长短常完美,各人有什么意见发起也接待提出,相互进修。
首先下载Ueditor并解压到shl根目次下,定名为ueditor。
之后将admini\views\system\options下的index.php中的:
$editor_arr = array('kindeditor'=>'KindEditor','fckeditor'=>'FCKeditor');改为:
$editor_arr = array('kindeditor'=>'KindEditor','fckeditor'=>'FCKeditor','ueditor'=>'Ueditor');这样在“构建网站”下的“系统配置”里的“编辑器范例:”就有了“Ueditor”的选项。
然后修改inc目次下的common.php,在
case 'fckeditor':$oFCKeditor = new FCKeditor($name) ;
$oFCKeditor->Value = $content;
$oFCKeditor->Create() ;
break;
插入以下代码:
case 'ueditor':echo '<script type=http://down.chinaz.com/try/201203/"text/javascript" charset=http://down.chinaz.com/try/201203/"utf-8" src=http://down.chinaz.com/try/201203/"'.ROOTPATH.'/ueditor/editor_config.js"></script>';
echo '<script type=http://down.chinaz.com/try/201203/"text/javascript" src=http://down.chinaz.com/try/201203/"'.ROOTPATH.'/ueditor/editor_all.js"></script>';
echo '<link rel=http://down.chinaz.com/try/201203/"stylesheet" href=http://down.chinaz.com/try/201203/"'.ROOTPATH.'/ueditor/themes/default/ueditor.css"/>';
echo '<textarea id=http://down.chinaz.com/try/201203/"'.$name.'" name=http://down.chinaz.com/try/201203/"'.$name.'" cols=http://down.chinaz.com/try/201203/"100" rows=http://down.chinaz.com/try/201203/"8" style=http://down.chinaz.com/try/201203/"width:95%;height:400px;">'.$content.'</textarea>';
echo '<script type=http://down.chinaz.com/try/201203/"text/javascript">';
echo ' var editor = new baidu.editor.ui.Editor();';
echo ' editor.render("'.$name.'");';
echo '</script>';
break;
这样编辑器的嵌入就完成了,可是你会发明上传图片这些都打不开,所以接下来修改Uedito目次下的editor_config.js,将:
//var URL = window.UEDITOR_HOME_URL || '../';var tmp = window.location.pathname,
URL= tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","");//这里你可以设置成ueditor目次在您网站的相对路径可能绝对路径(指以http开头的绝对路径)
UEDITOR_CONFIG = {
imagePath:URL + "server/upload/", //图片文件夹地址的路径,用于显示时批改靠山返回的图片url!详细图片生存路径需要在靠山配置。!important
改为:
//var URL = window.UEDITOR_HOME_URL || '../';var tmp = window.location.pathname,
URL = tmp.substr(0, tmp.lastIndexOf("\/") + 1).replace("admini/", "ueditor/");//这里你可以设置成ueditor目次在您网站的相对路径可能绝对路径(指以http开头的绝对路径)
UEDITOR_CONFIG = {
imagePath:URL.replace("ueditor/", ""), //图片文件夹地址的路径,用于显示时批改靠山返回的图片url!详细图片生存路径需要在靠山配置。!important
这样上传图片视频等的按键打开就正常了,最后是修改图片上传模块,将ueditor\server\upload\php下的up.php复制到ueditor根目次下,并将
$config = array("uploadPath"=>"../uploadfiles/", //生存路径
"fileType"=>array(".gif",".png",".jpg",".jpeg",".bmp"), //文件答允名目
"fileSize"=>1000 //文件巨细限制,单元KB
);
改为:
$config = array("uploadPath"=>'../upload/', //生存路径
"fileType"=>array(".gif",".png",".jpg",".jpeg",".bmp"), //文件答允名目
"fileSize"=>1000 //文件巨细限制,单元KB
);
这样就大功告成了。