深喉咙SHLCMS 集成Ueditor 教程

  最近看到百度出了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
);

  这样就大功告成了。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/10209.html