ecshop后台编辑器替换成ueditor编辑器

 更新时间:2015年03月03日 14:55:06   转载 投稿:hebedich  
这篇文章主要介绍了ecshop后台编辑器替换成ueditor编辑器的详细过程,这里推荐给有相同需求的小伙伴们。

1、Ueditor1.4.3下载(截止到2015-03-03最新版)

下载地址:http://ueditor.baidu.com/website/download.html
解决jquery冲突的jquery等相关文件下载
文件中已含js冲突修改文件,另外已修改php/config.json中的图处保存路径,用户也可以自行修改!
因为老杨用的是mac os系统,所以文件中有一些.DS_store文件,可以忽略或自行删除
下载地址:http://pan.baidu.com/s/1gdglb0J 密码:fflu (老杨提供)

2、上传到网站服务器

解压并上传目录 uediter 到根目录 /includes 下
解压老杨的那个东东,把fix_jquery上传到 ueditor 的目录下

3、修改/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;
    $kindeditor="
    <script id='editor' name='$input_name' type='text/plain' style='width:1024px;height:500px;'>$input_value</script>
    <script charset='utf-8' src='../includes/ueditor/ueditor.config.js'></script>
    <script charset='utf-8' src='../includes/ueditor/ueditor.all.min.js'></script>
    <script>
        var ue = UE.getEditor('editor');
    </script>
    ";
    $smarty->assign('FCKeditor', $kindeditor);
}

4、修改/admin/templates/pageheader.htm

查找:

复制代码 代码如下:

{insert_scripts files="../js/transport.js,common.js,../js/utils.js"}

替换为:

复制代码 代码如下:

<script src="../includes/ueditor/fix_jquery/jquery.min.js"></script>
<script src="../includes/ueditor/fix_jquery/jquery.json-1.3.js"></script>
<script src="js/common.js"></script>
<script src="../includes/ueditor/fix_jquery/transport_json.js"></script>
{insert_scripts files="../js/utils.js"}

5、解决商品编辑中编辑器被重置,uedite无法保存内容的bug。

文件:/admin/templates/goods_info.htm
找到:

复制代码 代码如下:

document.forms['theForm'].reset();

注释掉:

复制代码 代码如下:

//document.forms['theForm'].reset();

以上所述就是本文的全部内容了,希望大家能够喜欢。

相关文章

  • PHP输出缓冲控制Output Control系列函数详解

    PHP输出缓冲控制Output Control系列函数详解

    这篇文章主要介绍了PHP输出缓冲控制Output Control系列函数详解,本文讲解了输出缓冲的简介、输出缓冲的作用、php.ini 中的相关配置项、Output Control 函数详解等内容,需要的朋友可以参考下
    2015-07-07
  • PHP完整的日历类(CLASS)

    PHP完整的日历类(CLASS)

    PHP完整的日历类(CLASS)...
    2006-11-11
  • 深入phpMyAdmin的安装与配置的详细步骤

    深入phpMyAdmin的安装与配置的详细步骤

    本篇文章是对phpMyAdmin的安装与配置的步骤进行了详细的介绍,需要的朋友参考下
    2013-05-05
  • PHP多进程之pcntl_fork的实例详解

    PHP多进程之pcntl_fork的实例详解

    这篇文章主要介绍了PHP多进程编之pcntl_fork的实例详解的相关资料,希望通过本文能帮助到大家,让大家理解掌握这部分内容,需要的朋友可以参考下
    2017-10-10
  • thinkPHP5.0框架API优化后的友好性分析

    thinkPHP5.0框架API优化后的友好性分析

    这篇文章主要介绍了thinkPHP5.0框架API优化后的友好性,结合具体实例分析了thinkPHP5.0框架进行API优化后在数据输出及错误调试方面的友好性改进,需要的朋友可以参考下
    2017-03-03
  • ThinkPHP3.1数据CURD操作快速入门

    ThinkPHP3.1数据CURD操作快速入门

    这篇文章主要介绍了ThinkPHP3.1的CURD操作,需要的朋友可以参考下
    2014-06-06
  • YII2.0之Activeform表单组件用法实例

    YII2.0之Activeform表单组件用法实例

    这篇文章主要介绍了YII2.0之Activeform表单组件用法,结合实例形式Activeform表单组件的具体类型及相关使用技巧,需要的朋友可以参考下
    2016-01-01
  • 详解php实现页面静态化原理

    详解php实现页面静态化原理

    本篇文章主要介绍了详解php实现页面静态化原理,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • Laravel学习教程之路由模块

    Laravel学习教程之路由模块

    这篇文章主要给大家介绍了Laravel学习教程之路由模块的相关资料,文中通过示例代码介绍的非常详细,对大家学习或使用laravel具有一定的参考学习价值,需要的朋友们下面跟着小编来一起学习学习吧。
    2017-08-08
  • 使用PHP进行微信公众平台开发的示例

    使用PHP进行微信公众平台开发的示例

    这篇文章主要介绍了使用PHP进行微信公众平台开发的示例,包括基本的微信平台API调用和XML处理等,需要的朋友可以参考下
    2015-08-08

最新评论