您的位置:首页 > 编程语言 > PHP开发

PHP 中配置 ckeditor(fckeditor的新版本)+ckfinder ,实现上传图片功能。

2012-01-06 00:24 1126 查看
ckeditor 是fckeditor的新版本的名称

ckeditor 本身不带上传图片功能了,需要配合ckfinder实现上传图片的功能。

我的目录结构:

根目录

test

ckeditor文件夹

ckfinder文件夹

add.php //放置编辑器页面

//----------------------开始配置add.php-------------------------------

首先引入ckeditor,ckfinder 两个JS

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

<script type="text/javascript" src="ckfinder/ckfinder.js"></script>

body主体

<textarea name="editor1">初始内容</textarea>

<script type="text/javascript">

CKEDITOR.replace('editor1'); //editor 是textarea 的名称

CKFinder.SetupCKEditor(editor,'ckfinder/'); //ckfinder目录的相对路径.

</script>

这样add.php页面的配置就完成了。

//---------------------------配置ckeditor/config.js-----------------------------

这个文件中的配置默认是空的,你可以根据需要加入你想要的配置如:

config.language = 'zh-cn'; //默认语言

config.width = 600; //宽

config.height = 200; //高

config.skin = 'v2'; //皮肤,我还是喜欢V2这个,其它两个太难看了。

下面是配置ckfinder图片上传

config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html'; //不要写成"~/ckfinder/..."或者"/ckfinder/..."

config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';

config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?Type=Flash';

config.filebrowserUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files';

config.filebrowserImageUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';

config.filebrowserFlashUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';

config.filebrowserWindowWidth = '500'; //“浏览服务器”弹出框的size设置 config.filebrowserWindowHeight = '500

//---------------------配置ckfinder/config.php-------------------

这个文件我主要配置了上传地址:$baseUrl = '/test/download/';

整合后会出现“因为安全原因,文件不可浏览. 请联系系统管理员并检查CKFinder配置文件”错误

一会有两个原因

1:上传目录没有写入权限

2:因为出于安全考虑ckfinder/config.php文件中的CheckAuthentication()函数默认返回值是false, 需要手动修改验证条件, 不建议直接返回true

最后一步了,由于ckfinder不是免费的,所以默认情况下会在上传页面中有红色的广告提示,虽然不影响使用,但总是觉得不爽。

破解方法

1.x版的破解方法:打开core/js下的两个ckfinder_ie.js和ckfinder_gecko.js文件.查找字符串"en.call(window,qo);"将其注释即可;

2.0版的把广告语写在了ckfinder.js中,类似

x50\154\145\x61\x73\145\040\x76\151\x73\151\164\040\164\150\x65\x20\x3c\141\x20\150\x72\145\x66\075\047\x68\x74\x74\x70\x3a\057\x2f\x63\153\x66\151\156\144\x65\162\x2e\x63\157\155\x27\x20\164\141\162\147\x65\164\x3d\x27\137\142\154\x61\156\x6b\047\076\x43\113\x46\x69\x6e\144\x65\x72\x20\x77\145\x62\040\163\x69\164\x65\x3c\057\x61\x3e\x20\164\x6f\x20\157\x62\164\x61\151\x6e\040\x61\x20\166\141\x6c\x69\144\040\x6c\x69\x63\145\x6e\163\x65\x2e

这样恶心的代码,暂时没有找到破解方法。

如果一切顺利那么,现在,你就可以使用新版的ckeditor了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: