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了。
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了。
相关文章推荐
- PHP中配置Ckeditor和Ckfinder(实现图片上传)
- PHP中配置Ckeditor+Ckfinder 完成图片上传
- Drupal 7 配置ckeditor和ckfinder编辑器实现图片上传--不用wysisyg
- 在ASP.NET项目中使用CKEditor +CKFinder实现图片上传功能
- PHP ckeditor富文本编辑器 结合ckfinder实现图片上传功能
- Ckeditor and ckfinder 配置实现截图上传图片到远程服务器
- ckeditor组合ckfinder的配置使用图片上传功能
- CKEDITOR+CKFINDER的图片上传配置(C#/asp.net/php)(转载)
- CKEDITOR+CKFINDER的图片上传配置(C#/asp.net/php)
- PHP中配置Ckeditor+Ckfinder 完成图片上传
- CKEditor与CKFinder整合并实现文件上传功能
- 配置php.ini实现PHP文件上传功能
- 详细配置CKEditor 和 CKFinder 插件上传图片
- ASP.NET下CKEditor3.6.4结合CKFinder2.3实现文本编辑器的上传功能
- php+ajax实现异步上传文件或图片功能
- ueditor 编辑器的配置 实现了上传图片与文件功能---附效果图
- asp.net项目ckeditor+ckfinder实现图片上传
- C# ckeditor+ckfinder的图片上传配置
- 一个简单实现了PHP图片上传功能
- CKEditor和CKFinder整合实现上传下载功能