ECSHOP安装百度编辑UEditor教程

Posted wenxinsong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ECSHOP安装百度编辑UEditor教程相关的知识,希望对你有一定的参考价值。

1、打开admin/includes/lib_main.php文件
(1)找到:(大约在306-323行左右)
/**
* 生成编辑器
* @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:100%;height:500px;‘>$input_value</script> 
    <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.min.js‘> </script> 
    <script type=‘text/javascript‘ charset=‘utf-8‘ src=‘../includes/ueditor/lang/zh-cn/zh-cn.js‘></script> 
    <script> 
        var ue = UE.getEditor(‘editor‘); 
        UE.getEditor(‘editor‘).focus(); 
    </script> 
    ";  
    $smarty->assign(‘FCKeditor‘, $kindeditor);
}  

(2)继续打开admin/templates/pageheader.htm,找到以下代码:
{insert_scripts files="../js/transport.js,common.js"}
替换为:
<script type="text/javascript" src="../includes/ueditor/fix_jquery/jquery.min.js" rel="stylesheet" /></script>  
<script type="text/javascript" src="../includes/ueditor/fix_jquery/jquery.json-1.3.js" rel="stylesheet" /></script>  
<script type="text/javascript" src="js/common.js" rel="stylesheet" /></script>  
<script type="text/javascript" src="../includes/ueditor/fix_jquery/transport_json.js" rel="stylesheet" /></script>  
{insert_scripts files="../js/utils.js"} 
(3)把整个ueditor文件夹复制到您网站根目录下includes文件夹里面.
到此,百度ueditor已经可以使用了,可以添加商品,但是还有一些比如关联商品、关联文章时会报错,下面解决ajax和jQuery相关的兼容性问题。
备注:如需修改上传图片、视频、文件等保存路径,请打开includes/ueditor/php/config.json修改即可,默认保存路径是/images/upload/,可以修改为你想要的路径,的人也可以不用改。

2、把admin/js/jquery.js,admin/js/jquery.json.js,admin/js/selectzone_bd.js,admin/js/transport_bd.js复制到你网站的admin/js/目录下

3、复制一份admin/templates/pageheader.htm,将他命名为pageheader_bd.htm文件,然后打开这个文件
找到:
<script type="text/javascript" src="../includes/ueditor/fix_jquery/jquery.min.js" rel="stylesheet" /></script>  
<script type="text/javascript" src="../includes/ueditor/fix_jquery/jquery.json-1.3.js" rel="stylesheet" /></script>  
<script type="text/javascript" src="js/common.js" rel="stylesheet" /></script>  
<script type="text/javascript" src="../includes/ueditor/fix_jquery/transport_json.js" rel="stylesheet" /></script>  
{insert_scripts files="../js/utils.js"} 
将这段代码修改为:
<!-- 百度编辑器 begin -->
{insert_scripts files="jquery.js,jquery.json.js,transport_bd.js,common.js"}
<!--  百度编辑器 end -->

4、打开admin/templates/article_info.htm文件
找到:
{include file="pageheader.htm"}
{insert_scripts files="../js/utils.js,selectzone.js,validator.js"}
将这段代码修改为:
<!--  百度编辑器 begin -->
{include file="pageheader_bd.htm"}
{insert_scripts files="../js/utils.js,selectzone_bd.js,validator.js"}
<!--  百度编辑器 end -->

5、打开admin/templates/goods_info.htm文件
找到:
{include file="pageheader.htm"}
{insert_scripts files="../js/utils.js,selectzone.js,colorselector.js"}
将这段代码修改为:
<!--百度编辑器 begin -->
{include file="pageheader_bd.htm"}
{insert_scripts files="../js/utils.js,selectzone_bd.js,colorselector.js"}
<!-- 百度编辑器 end -->

6、打开admin/templates/topic_edit.htm文件
找到:
{include file="pageheader.htm"}
{insert_scripts files="../js/utils.js,selectzone.js,colorselector_topic.js"}
将这段代码修改为:
<!-- 百度编辑器 begin -->
{include file="pageheader_bd.htm"}
{insert_scripts files="../js/utils.js,selectzone_bd.js,colorselector_topic.js"}
<!-- 百度编辑器 end -->

7、打开admin/article.php文件
找到:(大约在20行左右)
require_once(ROOT_PATH . "includes/fckeditor/fckeditor.php");
将这段代码修改为:
/* 百度编辑器 begin */
//require_once(ROOT_PATH . "includes/fckeditor/fckeditor.php");
/* 百度编辑器 end */

8、打开admin/goods.php文件
找到:(大约在107行左右)
    include_once(ROOT_PATH . ‘includes/fckeditor/fckeditor.php‘); // 包含 html editor 类文件
将这段代码修改为:
    /*  百度编辑器 begin */
    //include_once(ROOT_PATH . ‘includes/fckeditor/fckeditor.php‘); // 包含 html editor 类文件
    /* 百度编辑器 end */
        
9、打开admin/magazine_list.php文件
(1)找到:(大约在61行左右,第一次出现的地方)
        include_once(ROOT_PATH.‘includes/fckeditor/fckeditor.php‘); // 包含 html editor 类文件
将这段代码修改为:
        /* mod by wengwenjin 百度编辑器 begin */
        //include_once(ROOT_PATH.‘includes/fckeditor/fckeditor.php‘); // 包含 html editor 类文件
        /* mod by wengwenjin 百度编辑器 end */

(2)找到:(大约在83行左右,第二次出现的地方)
    include_once(ROOT_PATH.‘includes/fckeditor/fckeditor.php‘); // 包含 html editor 类文件
将这段代码修改为:
    /* mod by wengwenjin 百度编辑器 begin */
    //include_once(ROOT_PATH.‘includes/fckeditor/fckeditor.php‘); // 包含 html editor 类文件
    /* mod by wengwenjin 百度编辑器 end */

10、打开admin/topic.php文件
找到:(大约在75行左右)
    include_once(ROOT_PATH.‘includes/fckeditor/fckeditor.php‘); // 包含 html editor 类文件
将这段代码修改为:
    /* mod by wengwenjin 百度编辑器 begin */
    //include_once(ROOT_PATH.‘includes/fckeditor/fckeditor.php‘); // 包含 html editor 类文件
    /* mod by wengwenjin 百度编辑器 end */




























































































































以上是关于ECSHOP安装百度编辑UEditor教程的主要内容,如果未能解决你的问题,请参考以下文章

ecshop 百度编辑器添加水印

PHP UEditor富文本编辑器 显示 后端配置项没有正常加载,上传插件不能正常使用

富文本编辑器(php)

织梦替换ueditor百度编辑器,支持图片水印 教程

帝国cms7.5整合百度编辑器ueditor教程

怎么使用百度编辑器