ecshop替换编辑器为ueditor

最新推荐文章于 2021-03-28 13:18:28 发布

原创最新推荐文章于 2021-03-28 13:18:28 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了如何在Ecshop中替换原有富文本编辑器为百度编辑器，解决与jQuery冲突的问题，并提供了从旧编辑器到新编辑器的全面替换流程，包括文件替换、代码修改和依赖库引入等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

步骤：

1、admin/includes/lib_main.php文件

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

替换为

function create_html_editor($input_name, $input_value = '')
{
    global $smarty;
    /*  百度编辑器 begin */
    $HTML='
    <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.js"></script>
    <textarea name="'.$input_name.'" id="'.$input_name.'" style="width:100%;">'.$input_value.'</textarea>
    <script type="text/javascript">
    UE.getEditor("'.$input_name.'",{
    theme:"default", //皮肤
    lang:"zh-cn",    //语言
    initialFrameWidth:680,  //初始化编辑器宽度,默认650
    initialFrameHeight:180  //初始化编辑器高度,默认180
    });
    </script>';
    $smarty->assign('FCKeditor', $HTML);
    /*  百度编辑器 end */
}

2、复制admin/js/jquery.js，admin/js/jquery.json.js，admin/js/selectzone_bd.js，admin/js/transport_bd.js到对应目录

为的是解决jq以ecshop冲突问题，已经解决的略过此步骤

3、修改 admin/templates/pageheader.htm

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

为

{insert_scripts files="jquery.js,jquery.json.js,transport_bd.js,common.js"}

4、屏蔽所有该代码

include_once(ROOT_PATH.'includes/fckeditor/fckeditor.php');

5、修改

create_html_editor('topic_intro', $topic['intro']);

为

create_html_editor('topic_intro', htmlspecialchars($topic['intro']));

6、将ueditor文件夹复制到includes/ueditor目录

7、在播放视频页面引用includes/ueditor/子目录下的ueditor\third-party\video-js的js和css

8截个图

9、随后附上文件链接，点我下载，请自行下载