phpcms编辑器完美替换成kindeditor

2014-05-13 浏览:3223
phpcms编辑器完美替换成kindeditor
评论:(0)复制地址

php自带的ckeditor太丑太过时了,而且不能插入源代码等,问题太多,相比大家都用过都觉得不方便

现在教大家简单完美替换成kindeditor

本教程适应于PHPCMS V9所有版本

1、下载经过我整合修改过的完美替换包:  editor.zip 

2、可以先备份几个文件:
     \phpcms\libs\classes\form.class.php (我压缩包里的文件已经是官方最新版本)
    不备份也可以,我只修改了这个类里面的editor方法名改为了editor1,重新编写了个editor方法
3、替换文件(可以直接用我的压缩包替换):
    \phpcms\libs\classes\form.class.php 替换
    \statics\js\kindeditor  增加
    \statics\js\swfupload\swf2select.js 增加
5、后台更新下缓存看看效果!
       
6、说明:
    分页按钮我已经集成到了kindeditor里面,点击插入分页,弹出一个输入分页标题框,如果不输入直接确定就插入到[ page ]到编辑区域
    原版编辑器下面的几个按钮去掉了都整合到kindeditor里了,自己体验
    上图第一个箭头是kindeditor自带的图片上传,已经屏蔽了上传,只能插入远程图片,为了安全
    上图第二个箭头是调用了PHPcms的多文件上传框,这里面可以调用已有图片和批量上传图片


关于代码过滤取消的解决办法!


有时候我们需要在编辑器中插入html代码,但是如果插入html代码之后点击“html代码”按钮返回编辑区,再返回代码编辑项会发现kindeditor把代码过滤了。这个时候我们就要用到kindeditor 编辑器默认的配置设定

filterMode参数,filterMode : false为不过滤代码,true则为过滤代码。

解决phpcms整合后的代码修改方法如下:


 \phpcms\libs\classes\form.class.php (整合后)第48行


$str .= "<script type=\"text/JavaScript\">var {$textareaid}_editor;KindEditor.ready(function(K) {

{$textareaid}_editor = K.create('textarea[id=\"{$textareaid}\"]', {

resizeType : 1,width:'99%',height:'{$height}px',filterMode: false,allowPreviewEmoticons : false

$items

});";

在代码中插入filterMode: false, 即可,此处注意英文逗号。


这样kindeditor就不会把html代码过滤了!

评论:(0)复制地址
发布:苗景云 | 分类:IT技术&设计 | Tags:PHPCMS kindeditor

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。