这篇文章主要介绍了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

找到下面的函数，代码如下:

1. /** 
2.  * 生成编辑器 
3.  * @param   string  input_name  输入框名称 
4.  * @param   string  input_value 输入框值 
5.  */  
6. function create_html_editor($input_name, $input_value = '')  
7. {  
8.     global $smarty;  
9.    
10.     $editor = new FCKeditor($input_name);  
11.     $editor->BasePath   = '../includes/fckeditor/';  
12.     $editor->ToolbarSet = 'Normal';  
13.     $editor->Width      = '100%';  
14.     $editor->Height     = '320';  
15.     $editor->Value      = $input_value;  
16.     $FCKeditor = $editor->CreateHtml();  
17.     $smarty->assign('FCKeditor', $FCKeditor);  
18. } 

替换为：

1. /** 
2.  * 生成编辑器 
3.  * @param   string  input_name  输入框名称 
4.  * @param   string  input_value 输入框值 
5.  */ 
6. function create_html_editor($input_name, $input_value = '') 
7. { 
8.     global $smarty; 
9.     $kindeditor=" 
10.     <script id='editor' name='$input_name' type='text/plain' style='width:1024px;height:500px;'>$input_value</script> 
11.     <script charset='utf-8' src='../includes/ueditor/ueditor.config.js'></script> 
12.     <script charset='utf-8' src='../includes/ueditor/ueditor.all.min.js'></script> 
13.     <script> 
14.         var ue = UE.getEditor('editor'); 
15.     </script> 
16.     "; 
17.     $smarty->assign('FCKeditor', $kindeditor); 
18. } 

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

查找:

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

替换为：

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

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

文件：/admin/templates/goods_info.htm

找到:

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

注释掉：

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

Tags: ecshop后台编辑器 ueditor

分享到：