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

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

 

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

时间: 2024-12-23 20:20:53

ecshop后台编辑器替换成ueditor编辑器的相关文章

ecshop后台编辑器替换成ueditor编辑器_php实例

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 密

dede后台编辑器改成百度编辑器的修改方法

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 首先下载百度编辑器,点击进行下载,将ueditor文件夹上传到include目录,打开include/inc/inc_fun_funAdmin.php文件,找到以下代码:         $GLOBALS['tools'] = empty($toolbar[$etype])? $GLOBALS['tools'] : $toolbar[$ety

Dedecms5.7文章编辑器更换百度Ueditor编辑器方法

首先修改include/inc目录下的inc_fun_funAdmin.php文件,打开文件后,先找到如下的代码:  代码如下 复制代码 else {  return $code; //111cn.net } } 在这段代码后面加入如下的代码,目的是为了让后台编辑的时候能调用到这个更换的编辑器:  代码如下 复制代码 else if($GLOBALS['cfg_html_editor']=='ueditor') {         $fvalue = $fvalue=='' ? '<p><

DedeCMS编辑器改成eWebEditor编辑器详解

第一步: 首先下载eWebEditor最新免费版, 名字叫做eWebEditor V4.6精简版, 但是其实功能没什么缺陷,就跟收费版V4.6是一样的. 地址是:http://www.ewebeditor.net/download.asp. 第二步: 解压下载的eWebEditor V4.6精简版压缩文件, 将得到7个文件夹及3个文件, 只要将其中ewebeditor.htm文件的:  config.ServerExt = "asp";  这段代码, 修改为:  config.Serv

百度UEditor编辑器使用教程与使用方法(图文)_网页编辑器

我们在做网站的时候,网站后台系统一般都会用到web编辑器,今天笔者就给大家推荐一款百度UEditor编辑器.关于这款百度UEditor编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟大家分享一下百度UEditor编辑器使用教程与使用方法,希望对大家有所帮助. 第一:百度UEditor编辑器的官方下载地址 ueditor 官方地址:http://ueditor.baidu.com/website/index.html 开发文档地址:http://ueditor.baidu.com/web

Wordpress替换后面编辑器为ueditor编辑器

1.下载/安装 下载并安装wordpress,下载百度编辑器wp插件. 2.安装百度编辑器 2.1解压之后, 把ueditor文件夹复制到wp-content/plugins/下面. 2.2.复制ueditor文件下的 general-template.php 文件到wp-includes/文件夹下面,复制原文件, 或者先把源文件改名. 2.3.修改 general-template.php 大约在文件的第1790行左右 function wp_editor($content, $id = 'c

百度UEditor编辑器图片上传目录的修改设置教程

方法一,通过修改php来改变UEditor编辑器图片上传目录 UEditor的图片上传需要自己设置一下功能才能正常.同时,如下图所示,图片上传插件的"在线管理"."图片搜索"等无意义的功能,需要自己手动根除一下.   还有,一般情况下,编辑器的图片存储目录,上传目录就是一个,不应该给用户自己手动选择,也是需要自己手动删除的. 修改过程如下: 1.首先打开(ueditor1_3_6-utf8-php根目录)\php\config.php将代码改成如下所示:    &l

百度 ueditor 编辑器上传图片失真如何解决

使用百度 ueditor 编辑器发现,上传大一点的图片会失真,刚开始还以为是PHP做了图片压缩,后来仔细看了一些配置参数说明,发现是编辑器自带有个自动压缩图片的功能,而且压缩后的图片失真了! 决定去掉这个压缩功能,如果非得要压缩,那就交给服务端PHP来处理吧! 找到配置文件:ueditor/php/config.json 把 imageCompressEnable 设置为 false 即可! ThinkPHP中用百度编辑器Ueditor上传图片路径前后多了俩'/22%'的问题! 我用百度编辑器,

手把手教你在Asp.net Mvc中使用UEditor编辑器

最近在配置.net mvc4项目使用ueditor编辑器,在配置过程中遇见了好几个问题,以此来记录解决办法. 首先去这里下载http://ueditor.baidu.com/website/download.html 然后重名一下下载的文件夹为ueditor(想自己起名字也可以,不过配置文件就要改成一样的了,这里为了避免麻烦,就跟配置文件里的名字保持一致了) 然后根据自己需要放到项目中,我是这么放的 上面建的文件夹也是跟配置文件保持一致,并不是非要照着这么做,这里只是跟配置文件保持一致,可以根据