Завантаження зображень в ckeditor, використання KCFinder

03
Мар

Завантаження зображень в ckeditor, використання KCFinder

Зіткнувся я нещодавно з такою проблемкою: ось встановив редактор ckeditor (раніше користувався fckeditor), хороший, гарний, зручний і, головне, безкоштовний WYSIWYG редактор, а ось завантаження зображень немає: (Ну кому потрібен такий редактор без завантаження картинок). Зате розробники пропонують встановити платний плагін ckfinder

Перерив я купу статей і форумів з пошуком рішення, багато пишуть про редагування файлику plugins/image/dialogs/image.js


id : 'Upload',
hidden : true, // true поменять на false
filebrowser : 'uploadButton',
label : editor.lang.image.upload,

-Але все одно проблема залишається не вирішеною, максимум виходить додати кнопку для завантаження і купу еррорів.

Безкоштовне вирішення проблеми:

Потім знайшов альтернативу цьому плагіну – http://kcfinder.sunhater.com/який ще й безкоштовний. За функціоналом і дизайном не сильно поступається ckfinder, є всі основні функції, потрібні для роботи.

З підключенням kcfinder теж проблем не виникло, на сайті є докладна інструкція англійською мовою і мануали для інтеграції з ckeditor, fckeditor, tinymce і багатьом іншим. Потрібно просто скопіювати на хост, налаштувати конфіг і дати права на запис в папочку, ну а потім провести настроювання редактора.

Залишається налагодити безпеку, адже не можна давати можливість завантажувати картинки кому попало. У конфігі закриваємо доступ до редактора


'disabled' => true,

а от коли ваш адмін залогінеться, то потрібно додати всього пару рядків:


$_SESSION['KCFINDER'] = array();
$_SESSION['KCFINDER']['disabled'] = false;

Тривалість роботи сесії буде точно така, як і тривалість сесії у адміна.

При цьому всьому не варто забувати про кешування даних браузером, особливо в Chrome, багато часу пішло на інсталяцію продукту з-за цього.