CKEditor 4.2.2整合CKFinder 2.4for PHP文件管理与编辑功能

富文本编辑器的经典搭配,非CKEditor 4.2.2CKFinder 2.4 for PHP莫属。这套组合我自己项目里用过,体验还挺顺的,是要图片、文档上传的时候,真的省不少事。

CKEditor 4.2.2的界面看着挺干净,基本上你能想到的文本功能它都有,像是加粗、插入表格、设置字体颜色这些,一应俱全。而且响应也快,扩展性也不错,插件用起来还挺灵活。

CKFinder 2.4就更像是编辑器的好搭档,文件管理这块交给它就省心了。上传、重命名、删除啥的都能搞,还能直接在编辑器里插入图片和文件,这点太加分了。

整合过程不难,就是注意目录结构别搞错。ckeditor_4.2.2_full 整合 ckfinder_php_2.4解压后,先放好路径,在config.js里加几行配置就行:

CKEDITOR.editorConfig = function( config ) {
  config.filebrowserBrowseUrl = '/path/to/ckfinder.html';
  config.filebrowserImageBrowseUrl = '/path/to/ckfinder.html?type=Images';
  config.filebrowserFlashBrowseUrl = '/path/to/ckfinder.html?type=Flash';
  config.filebrowserUploadUrl = '/path/to/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files';
  config.filebrowserImageUploadUrl = '/path/to/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';
  config.filebrowserFlashUploadUrl = '/path/to/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';
};

路径别忘了替换成你自己的哦,免得加载不出来。

要是觉得提示太多,或者想隐藏错误信息,可以去config.php里调一下$config['displayErrorDetails'],设成false就安静多了。

中文文件名也支持,只要服务器是 UTF-8,配置里加上$config['defaultLanguage'] = 'zh';就行。

提醒一下:正式上线前,记得给上传目录和配置文件设好权限。否则别人一上来就能乱传,挺危险的。另外有空多留意下更新版本,安全修复也不少。

如果你经常搞 Web 内容管理,或者后台要让客户自己传点图、填点文案,这套方案真的还蛮省事的。

rar 文件大小:4.49MB