CKEditor是个非常不错的富文本编辑器,其中的文件上传功能是配合CKFinder来完成的。CKFinder除了支持文件上传外,还提供了上传文件的在线管理功能。但在常规项目中我们只需要用到文件上传功能,而很少用到上传文件的在线管理,甚至考虑到安全性原因需要禁用掉文件管理功能。
在服务器端只需要对ckfinder/config.php作如下修改:$config['AccessControl'][] = Array(
'role' => '*',
'resourceType' => '*',
'folder' => '/',
'folderView' => false,
'folderCreate' => false,
'folderRename' => false,
'folderDelete' => false,
'fileView' => false,
'fileUpload' => true,
'fileRename' => false,
'fileDelete' => false
);
这样用就允许用户进行文件上传操作了。但此时在界面上“浏览服务器”的按钮依然存在,只是打开是一片空白,这样对于用户来说是一个误导,正确的做法是把这个按钮直接干掉。
1、去除上传图片功能中的浏览服务器按钮
打开ckeditor\plugins\image\dialogs\image.js文件,大小写匹配+仅搜索词语 搜索browse,找到两处出现的位置,在style中增加display:none
修改
{type:'button',id:'browse',style:'display:inline-block;margin-top:10px;',align:'center',label:q.lang.common.browseServer,hidden:true,filebrowser:'info:txtUrl'}
为
{type:'button',id:'browse',style:'display:none;margin-top:10px;',align:'center',label:q.lang.common.browseServer,hidden:true,filebrowser:'info:txtUrl'}
修改
{type:'button',id:'browse',filebrowser:{action:'Browse',target:'Link:txtUrl',url:q.config.filebrowserImageBrowseLinkUrl||q.config.filebrowserBrowseUrl},style:'float:right',hidden:true,label:q.lang.common.browseServer}
为
{type:'button',id:'browse',filebrowser:{action:'Browse',target:'Link:txtUrl',url:q.config.filebrowserImageBrowseLinkUrl||q.config.filebrowserBrowseUrl},style:'float:right;display:none;',hidden:true,label:q.lang.common.browseServer}
2、去除上传文件功能中的浏览服务器按钮
打开ckeditor\plugins\link\dialogs\link.js文件,大小写匹配+仅搜索词语 搜索browse,找到一处出现的位置,在style中增加display:none
修改
{type:'button',id:'browse',hidden:'true',filebrowser:'info:url',label:a.lang.common.browseServer}
为
{type:'button',id:'browse',hidden:'true',filebrowser:'info:url',label:a.lang.common.browseServer, style:"display:none;"}
3、去除上传flash功能中的浏览服务器按钮
打开ckeditor\plugins\link\dialogs\link.js文件,大小写匹配+仅搜索词语 搜索browse,找到一处出现的位置,在style中增加display:none,类似上文,不列代码了。
处理完毕。
p.s. 其他CKEditor和CKFinder的使用可参考
本博客所有文章如无特别注明均为原创。