长沙网站建设|长沙网站制作|长沙牛企网络


联系牛企

当前位置:牛企主页 > 新闻中心 > 网站建设 >

ECSHOP_百度编辑器UEditor完美整合

作者:admin    来源:未知    发布时间:2016-04-04 23:05

ECSHOP自带的编辑器,相信很多朋友都忍无可忍了,小编今天整合了百度编辑器,当然,也为大家提供了教程,因为小编发现网上找到的教程,都是不完善的,有的问题非常多,一般存在以下问题:

后台添加商品和编辑商品里面关联商品、配件、关联文章不能正常使用的问题。
后台商品批量导出不能正常使用的问题。
后台添加虚拟商品和编辑虚拟商品里面关联商品、配件、关联文章不能正常使用的问题。
后台专题管理里面专题商品不能正常使用的问题。
后台添加超值礼包和编辑超值礼包里面的可选商品不能正常使用的问题。
后台添加文章和编辑文章里面关联商品不能正常使用的问题。
ie8下插入多张远程图片之后,dialog假死。

求人不如求已,所以还是自己来吧。

大伙先欣赏一下最终的效果吧,是完美整合的呢!

ECSHOP完美整合百度编辑器

ECSHOP完美整合百度编辑器

下面开始咯。

第一步:先下载百度编辑器,上传至根目录/includes/下,注意,文件夹名称记得修改为ueditor,因为本教程以下用到的路径都是这个,如果文件夹名称不对,则路径不对了。

第二步:修改后台文件,生成编辑器。笔者教程修改的是admin/templates下的goods_info.htm和article_info.htm,而有部分朋友会修改admin/includes/lib_main.php这个文件,其实道理是一样的哦。

生成编辑器的方法如下:

打开goods_info.htm,搜索<td>{$FCKeditor}</td>

打开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}替换掉。

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);
}

修改为:
 
 
/** 
 * 生成编辑器 
 * @param   string  input_name  输入框名称 
 * @param   string  input_value 输入框值 
 */  
function create_html_editor($input_name, $input_value = '')  
{  
    global $smarty;  
   //www.zuimoban.com
    $kindeditor=" 
    <script id='editor' name='$input_name' type='text/plain' style='width:1024px;height:500px;'>$input_value</script> 
    <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> 
    <script type='text/javascript' charset='utf-8' src='../includes/ueditor/lang/zh-cn/zh-cn.js'></script> 
    <script> 
        var ue = UE.getEditor('editor'); 
        UE.getEditor('editor').focus(); 
    </script> 
 <input type=\"submit\" value=\"提交\" /> 
    ";  //zuimoban
    $smarty->assign('FCKeditor', $kindeditor);
}  

注意:

留意一下,<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.

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.

解决后台js冲突,Ajax object doesn't exists.

【牛企网络】专注于高品质网站建设,网站制作服务,专业从事做网站业务,营销型网站建设、网站制作,网站设计,网站推广,网络营销,网站优化等业务。公司奉行“优化服务,求实创新”的运营宗旨,不断追求技术领先、服务领先、业绩领先的发展目标!服务热线188-0740-2334

加牛企微信
送网络营销宝典
牛企二维码

关键词: 网站建设公司 | 网站建设 | 网站制作 | 网站设计 | 网络推广 | 网络公司 | 网站优化 | SEO| www.csniuqi.com|
Copyright 2008-2015 版权所有 长沙牛企文化传播有限公司 湘ICP备19012123号-1 地址:湖南市岳麓区银盆岭中联重科17栋二单元504

【牛企网络】专注于高品质网站建设服务,专业从事网站建设、网站制作、网站设计、企业网站建设、手机网站建设、营销型网站建设等。为做网站客户提供优质的价格保证!网络公司

在线客服系统