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了。