当前位置:首页 > CMS教程 > ecshop > 列表

将Ecshop后台fckeditor编辑修改|升级|器更改为kindeditor编辑器

发布:smiling 来源: PHP粉丝网  添加日期:2014-06-19 11:28:24 浏览: 评论:0 

说明:Ecshop后台的fckeditor编辑器很丑陋了,经常有漏洞,今天干脆就把它换了,其实也早想换了,之前一直也为比较麻烦,就没动手,今天看看,也挺简单的,就两步.

第一步:下载kindeditor,下载地址为:http://www.kindsoft.net/down.php 下载最新版本的,现在是4.1.6

下载之后,把里面不要的语言和演示文件删除,有,asp、asp.net jsp和examples四个文件夹删掉.

把文件夹改名为:kindeditor,然后上传到根目录includes/下面,和fckeditor同一级就是了,以后可以把fckeditor删除了.

第二步:修改admin/includes/lib_main.php把里面的create_html_editor方法修改为创建kindeditor的内容,直接替换就ok了:

  1. function create_html_editor($input_name, $input_value = ''
  2.     global $smarty; 
  3.     $kindeditor=" 
  4. <script charset="utf-8" src="../includes/kindeditor/kindeditor-min.js"></script> 
  5. <script> 
  6.     var editor; 
  7.     KindEditor.ready(function(K) { 
  8.     editor = K.create('textarea[name=\"$input_name\"]', { 
  9.     allowFileManager : true
  10.     width : '100%'
  11.     height: '480px'
  12.     resizeType: 1 //不固定高度 
  13.     }); 
  14.     }); 
  15.     </script> 
  16. <textarea id="\&quot;$input_name\&quot;" name="\&quot;$input_name\&quot;" style="width:700px;height:300px;">$input_value</textarea> 
  17.     "; 
  18.     $smarty-&gt;assign('FCKeditor', $kindeditor); //这里前面的 FCKEditor 不要变 

说明:width我们可以设置为100%自适应宽度,这样比较好,高度,好像100%没什么用,我们就自己定一个吧.

resizeType是否固定编辑框的高度、宽度,0是高、宽固定,1是宽固定、高不固定,2是高宽都不固定,可以查看kindeditor官方说明:http://www.kindsoft.net/docs/option.html

第三步:修改文件上传路径

修改kindeditor/php目录下面的upload_json.php里面的代码:

  1. //文件保存目录路径 
  2. $save_path = $php_path . '../../../images/upload/'
  3. //文件保存目录URL 
  4. $save_url = $php_url . '../../../images/upload/'

kindeditor默认上传图片的路径是upload下面的image目录下面,以年月日为目录,如:image/20130401 我们把它修改为:以年月划分比较好。

在upload_json.php找到$ymd = date("Ymd"); 改为:$ymd = date("Ym");就可以了.

第四步:浏览服务器路径修改

修改includes/kindeditor/php/file_manager_json.php

  1. //根目录路径,可以指定绝对路径,比如 /var/www/attached/ 
  2. $root_path = $php_path . '../../../images/upload/'
  3. //根目录URL,可以指定绝对路径,比如 http://www.yoursite.com/attached/ 
  4. $root_url = $php_url . '../../../images/upload/'

到此将fckeditor修改为kindeditor就修改完了,可以到后台,编辑商品、专题描述等查看是否比之前好看多了.

还忘了一点了,文章列表哪里有问题,今天点后台文章列表,报错,因为我把fckeditor那个目录全部删了,如果你没删,应该不会报错,报错了,把article.php里面的//require_once(ROOT_PATH . "includes/fckeditor/fckeditor.php");这句注释掉就ok了.

Tags: Ecshop fckeditor kindeditor编辑器

分享到: