将phpcms默认ckeditor编辑器换成KindEditor
时间：2014-07-14 00:11:22  点击: 来源：  作者：

         最近研究phpcms，发现默认编辑器实在不好用，本人不太喜欢ckeditor，相对喜欢国产轻量级KindEditor一点，查找资料湖决定将其换掉，本地UTF-8测试成功，GBK未测，有兴趣的可以尝试一下，方法都是一样的！

现上张图看效果吧！ 

具体做法如下：

首先，去kindeditor官网下载一个新的编辑器，解压后将其整个文件夹重命名为kindeditor，并复制到/statics/js/目录；

然后修改/phpcms/libs/classes/form.class.php

查找

1. if(!defined('EDITOR_INIT')) {

如果你没修改过这个文件的话在第18行，

  将

<script type="text/javascript" src="'.JS_PATH.'ckeditor/ckeditor.js"></script>'; define('EDITOR_INIT', 1);

替换为

 

1. $str .= '<script charset="utf-8" type="text/javascript" src="'.JS_PATH.'kindeditor/kindeditor-min.js"></script>';
2. $str .= '<script charset="utf-8" type="text/javascript" src="'.JS_PATH.'kindeditor/lang/zh_CN.js"></script>';
3. define('EDITOR_INIT', 1);
4. $str .= "<script type=/"text/javascript/">/r/n";
5. $str .= "KindEditor.ready(function(K) {/r/n";
6. $str .= "editor = K.create('textarea[id=/"$textareaid/"]', {/r/n";
7. $str .= "allowFileManager : true,/r/n";
8. $str .= "width : '99%',";
9. $str .= "height : '400px'";
10. $str .= "});";
11. $str .= "});";
12. $str .= '</script>';

 

保存，刷新，可以看到，编辑器已经换为KindEditor的了，但是测试发现，无法上传图片，附件等等！

下面需要做一些修改：

打开/statics/js/kindeditor/php/file_manager_json.php

将：

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

修改为phpcms的上传目录既可

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

同样将/statics/js/kindeditor/php/upload_json.php中的

1. //文件保存目录路径
2. $save_path = $php_path . '../attached/';
3. //文件保存目录URL
4. $save_url = $php_url . '../attached/';
5. //定义允许上传的文件扩展名

修改为：

 

1. //文件保存目录路径
2. $save_path = $php_path . '../../../../uploadfile/';
3. //文件保存目录URL
4. $save_url = $php_url . '../../../../uploadfile/';
5. //定义允许上传的文件扩展名

将文章发布页面调整为全屏，个人喜好，无关紧要！可不修改！

将/statics/css/zh-cn-system.css中的：

1. .addContent{width:960px; margin:0 auto; overflow:hidden;}

修改为：

1. .addContent{width:99%; margin:0 auto; overflow:hidden;}

好了，到此为止，基本上就与使用了，如果用什么觉得不美观的，可以自己试着进行修改！

KindEditor编辑器自我觉得使用很方便，所以推荐，本站已经发表过

为kindsoft编辑器替换SyntaxHighlighter代码高亮

等一些教程，有需要的可以看一看

 

对了，如果嫌弃本教程麻烦，可以下载本站为您提供的一键傻瓜式安装包，已经修改好的，上传覆盖即可，为了安全期间，建议做好文件备份！！！

傻瓜式覆盖包传送门

本教程可能会有更新，请留意，如有疑问，欢迎留言咨询！

 

2013-01-09修正：

 

2013-01-09 修复网友提出的一系列问题，主要为“分页”和“子标题”，当然，使用的时候记得需要选择手动分页哈！加入了代码运行！记得前台引用所需文件具体为：

1. href="/statics/js/kindeditor/plugins/runCode/runCode.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript" src="/statics/js/kindeditor/plugins/runCode/zztuku_runCode.js"></script>
http://www.zztuku.com/Html/PHPcms/20121218_5127.html

”您可通过以下微信二维码，赞赏作者“

 

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表