Ecshop更换编辑器为UEditor

本文共有1881个字。 # ecshop/ a

一、下载UEditor,下载完成后将文件拷贝至/includes/ 目录,并将文件夹命名为ueditor。
二、修改配置文件

1、源码:

/**
 * 生成编辑器-UEditor
 * @param   string  input_name  输入框名称
 * @param   string  input_value 输入框值
 * @param   string  width       输入框宽度
 * @param   string  height      输入框高度
 */
function create_ue_editor($input_name, $input_value = '',$width='100%',$height='320')
{
    global $smarty; 
    $ueditor='<!-- 加载编辑器的容器 -->
    <input type="hidden" name="'.$input_name.'" id="editorcontent" value=""/>
    <script id="'.$input_name.'" type="text/plain"></script>
    <!-- 配置文件 -->
    <script type="text/javascript" src="../includes/ueditor/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="../includes/ueditor/ueditor.all.min.js"></script>
    <!-- 实例化编辑器 -->
    <script type="text/javascript">
        var cnt=\''.($input_value).'\';
        //去除异常项
        delete(Object.prototype.toJSONString);
        var ue = UE.getEditor(\''.$input_name.'\',{
            initialFrameWidth:\''.$width.'\',
            initialFrameHeight:\''.$height.'\'
        });
        //加载完成后填入内容
        ue.ready(function() {
            //设置编辑器的内容
            ue.setContent(cnt);
        });
        //内容更新到表单
        ue.addListener("contentChange",function(){
            document.getElementById("editorcontent").value=ue.getContent();
        });
    </script>'; 
    $smarty->assign('UEditor', $ueditor);
}

2、将源码分别添加至:
- 1、admin/includes/lib_main.php
- 2、mobile/admin/includes/lib_main.php

五、修改代码

1、修改获取编辑器代码

create_html_editor('goods_desc', $goods['goods_desc']);
//更改为
create_ue_editor('goods_desc', $goods['goods_desc']);

2、修改模板编辑器代码

{$FCKeditor} 
//更改为
{$UEditor}
版权声明:本文为作者原创,如需转载须联系作者本人同意,未经作者本人同意不得擅自转载。本站微信公众号:7TEC,敬请关注!

暂时无法评论哦~

暂无评论