当前位置：首页 > 资讯 > 技术文档

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

时间：2021-02-01 11:22 编辑：来源：阅读：
扫一扫，手机访问

摘要：ecshop后台编辑器替换成ueditor编辑器

[b]1、Ueditor1.4.3下载[/b]（截止到2015-03-03最新版）下载地址：[url=http://ueditor.baidu.com/website/download.html]http://ueditor.baidu.com/website/download.html[/url] 解决jquery冲突的jquery等相关文件下载文件中已含js冲突修改文件，另外已修改php/config.json中的图处保存路径，用户也可以自行修改！因为老杨用的是mac os系统，所以文件中有一些.DS_store文件，可以忽略或自行删除下载地址：[url=http://pan.baidu.com/s/1gdglb0J]http://pan.baidu.com/s/1gdglb0J[/url] 密码：fflu （老杨提供） [b]2、上传到网站服务器[/b] 解压并上传目录 uediter 到根目录 /includes 下解压老杨的那个东东，把fix_jquery上传到 ueditor 的目录下 [b]3、修改/admin/includes/lib_main.php[/b] 找到下面的函数

[u]复制代码[/u] 代码如下:

/**

 * 生成编辑器

 * @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); 

}

替换为：

[u]复制代码[/u] 代码如下:

/**

 * 生成编辑器

 * @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);

}

[b]4、修改/admin/templates/pageheader.htm[/b] 查找：

[u]复制代码[/u] 代码如下:

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

替换为：

[u]复制代码[/u] 代码如下:

<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"}

[b]5、解决商品编辑中编辑器被重置，uedite无法保存内容的bug。 [/b] 文件：/admin/templates/goods_info.htm 找到:

[u]复制代码[/u] 代码如下:

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

注释掉：

[u]复制代码[/u] 代码如下:

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

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

全部评论(0)

上一篇：ReactNative 之FlatList使用及踩坑封装总结
下一篇：基于jquery鼠标点击其它地方隐藏层的实例代码

资讯排行榜
更多>>