打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
ECSHOP整合百度编辑器UEditor | 我爱小技术
ECSHOP自带的编辑器,相信很多朋友都忍无可忍了,小编今天整合了百度编辑器,当然,也为大家提供了教程,因为小编发现网上找到的教程,都是不完善的,有的问题非常多,一般存在以下问题:
后台添加商品和编辑商品里面关联商品、配件、关联文章不能正常使用的问题。
后台商品批量导出不能正常使用的问题。
后台添加虚拟商品和编辑虚拟商品里面关联商品、配件、关联文章不能正常使用的问题。
后台专题管理里面专题商品不能正常使用的问题。
后台添加超值礼包和编辑超值礼包里面的可选商品不能正常使用的问题。
后台添加文章和编辑文章里面关联商品不能正常使用的问题。
ie8下插入多张远程图片之后,dialog假死。
求人不如求已,所以还是自己来吧。
大伙先欣赏一下最终的效果吧,是完美整合的呢!
ECSHOP完美整合百度编辑器
下面开始咯。
第一步:先下载百度编辑器,上传至根目录/includes/下,注意,文件夹名称记得修改为ueditor,因为本教程以下用到的路径都是这个,如果文件夹名称不对,则路径不对了。
第二步:修改后台文件,生成编辑器。笔者教程修改的是admin/templates下的goods_info.htm和article_info.htm,而有部分朋友会修改admin/includes/lib_main.php这个文件,其实道理是一样的哦。
生成编辑器的方法如下:
打开goods_info.htm,搜索{$FCKeditor}
将内容替换成:
<script type="text/javascript" charset="utf-8" src="../includes/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../includes/ueditor/ueditor.all.min.js"> </script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="../includes/ueditor/lang/zh-cn/zh-cn.js"></script>
<style type="text/css">
.clear {
clear: both;
}
</style>
<textarea id="goods_desc" name="goods_desc" style="width:100%;height:500px;"> {$goods.goods_desc}</textarea>
<script type="text/javascript">
delete(Object.prototype.toJSONString);
UE.getEditor('goods_desc')
</script>
替换代码后
article_info.htm文件也是同样的方法,将{$FCKeditor}替换掉。
article_info.htm文件也是同样的方法,将{$FCKeditor}替换掉。
除了上面的方法外,也可以直接修改PHP文件,即{$FCKeditor}调用的内容。
方法是修改admin/includes/lib_main.php
查找并替换掉下面内容:
/**
* 生成编辑器
* @param string input_name 输入框名称
* @param string input_value 输入框值
*/
function create_html_editor($input_name, $input_value = '')
{
global $smarty;
$editor = new FCKeditor($input_name);
$editor->BasePath = '../includes/fckeditor/';
$editor->ToolbarSet = 'Normal';
$editor->Width = '100%';
$editor->Height = '320';
$editor->Value = $input_value;
$FCKeditor = $editor->CreateHtml();
$smarty->assign('FCKeditor', $FCKeditor);
}
注意:
留意一下,<textarea id="goods_desc" name="goods_desc" style="width:100%;height:500px;"> {$goods.goods_desc}</textarea>这段中,width和height分别是指编辑器的大小,但是IE内核的浏览器,不支持写成px,这是跟CSS有关,由于小编是用谷歌浏览器的,所以这个小毛病,也没时间去研究了,如果你有需要的,需要你自己自行稍微研究一下哦。
第三步:解决后台js冲突
其实这时候编辑器也是可以用的,但是如果进入商品列表、分类等等,会报错的,提示缺少Ajax,下面提供解决方法办法
Ajax object doesn't exists.
方法:修改admin/templates/pageheader.htm,调用js,解决js冲突问题。
在头部找到{insert_scripts files="../js/transport.js,common.js,../js/utils.js"} ,将其替换为:
<script type="text/javascript" src="../includes/ueditor/fix_jquery/jquery.min.js" rel="stylesheet" /></script>
<script type="text/javascript" src="../includes/ueditor/fix_jquery/jquery.json-1.3.js" rel="stylesheet" /></script>
<script type="text/javascript" src="js/common.js" rel="stylesheet" /></script>
<script type="text/javascript" src="../includes/ueditor/fix_jquery/transport_json.js" rel="stylesheet" /></script>
{insert_scripts files="../js/utils.js"}
解决后台js冲突,Ajax object doesn't exists.
JQ文件网上可以下载到,也可以通过来小编这儿下载。
点击这里,ECSHOP百度编辑器插件,直接上传文件至根目录就OK了。
提取码 c6a5
PS:不管用什么服务器,注意文件夹的权限哦,例如linux就需要777权限咯,不然图片是上传不了的,而且不停报错。
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
ecshop更换升级FCKeditor编辑器到Kindeditor,支持图片批量上传,和百度地图添加
彻底更换ecshop编辑器为kindeditor实现在多张图片上传
百度编辑器ueditor上传图片顺序乱掉修改方法
百度编辑器-Ueditor
百度编辑器上传视频以及视频编辑器预览bug解决
百度UEditor编辑器使用教程与使用方法
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服