Загрузка CKEditor не работает

Question

Я использую ckeditor 4.2 в своем приложении cakePHP. Я установил его в своем каталоге app/webroot/js/ckeditor.

Я хотел иметь параметр загрузки изображения в своем ckeditor, поэтому я загрузил плагин изображения ckeditor (http://ckeditor.com/addon/image). Я установил его, используя следующую документацию (http://www.paulfp.net/blog/2010/10/how-to-add-and-upload-an-image-using-ckeditor/)

Теперь интерфейс загрузки изображений выглядит хорошо, но когда я нажимаю кнопку «Отправить его на сервер», он не вызывает скрипт PHP. Я установил путь к «filebrowserUploadUrl» в моем config.js, но он все еще не работает. Я сделал те же настройки, что и вышеупомянутая документация, но я не могу назвать этот скрипт.

Примечание: Когда я нажимаю кнопку «Отправить на сервер» по какой-то неизвестной причине, я вижу, что вызывается имя контроллера/неопределенного действия.

Answer 1

В качестве альтернативы вы можете использовать KCFinder. Это бесплатный менеджер файлов с открытым исходным кодом. Он может быть интегрирован в веб-редакторы FCKeditor, CKEditor и TinyMCE WYSIWYG (или ваши пользовательские веб-приложения) для загрузки и управления изображениями, флеш-роликами и другими файлами, которые могут быть встроены в созданный HTML-контент редактора.

http://kcfinder.sunhater.com

Answer 2

CKEditor является любимым веб-текстовый процессор почти всех веб-разработчиков. Но проблема в том, что у него нет встроенной функции загрузки изображений, т. Е. CKEditor не знает, как обрабатывать загрузки изображений. Поэтому мы назначим помощника, который знает, как справляться с загрузкой изображений и управлением файлами.

Наш помощник - KCFinder, бесплатный менеджер файлов с открытым исходным кодом. Он может быть интегрирован в веб-редакторы FCKeditor, CKEditor и TinyMCE WYSIWYG (или ваши пользовательские веб-приложения) для загрузки и управления изображениями, флеш-роликами и другими файлами, которые могут быть встроены в созданный HTML-контент редактора.

Предполагаете, что вы уже создали свой CKEditor на своей веб-странице. Если вы еще этого не сделали, вы можете следовать инструкциям в моей предыдущей статье: CKEditor: Web-based Word Processor For Your Web Pages

Давайте перейдем к нашему делу.

1) Скачать KCFinder>http://kcfinder.sunhater.com/download

2) Распакуйте каталог kcfinder в ZIP-файл в общедоступном каталоге вашего проекта.

3) Открыть /public/ckeditor/config.js и добавить строки кода следующим образом;

CKEDITOR.editorConfig = function(config) { 
// Define changes to default configuration here. For example: 
// config.language = 'fr'; 
// config.uiColor = '#AADC6E'; 

/* Show these image/flash browsing feature only to Admins */ 
config.filebrowserBrowseUrl = '/kcfinder/browse.php?opener=ckeditor&type=files'; 
config.filebrowserImageBrowseUrl = '/kcfinder/browse.php?opener=ckeditor&type=images'; 
config.filebrowserFlashBrowseUrl = '/kcfinder/browse.php?opener=ckeditor&type=flash'; 

/* Image/Flash upload feature using kcfinder tool */ 
config.filebrowserUploadUrl = '/kcfinder/upload.php?opener=ckeditor&type=files'; 
config.filebrowserImageUploadUrl = '/kcfinder/upload.php?opener=ckeditor&type=images'; 
config.filebrowserFlashUploadUrl = '/kcfinder/upload.php?opener=ckeditor&type=flash'; 

};

Если вы не хотите, чтобы ваши пользователи просматривали ранее загруженные файлы на сервере, вы можете удалить/заблокировать комментарии первых трех строк и сохранить только последние три строки, которые фактически выполняют загружаемую часть, или же вы могут добавлять элементы управления уровня пользователя для каждой функции согласно вашему требованию. Никогда не позволяйте пользователям видеть файлы на вашем сервере. Если они меняют файлы, другие ссылки на файлы могут быть повреждены, и это приведет к огромному беспорядку в вашем приложении.

4) Активируйте KCFinder.

По умолчанию KCFinder отключен. Чтобы изменить его, перейдите в kcfinder/conf/config.php и в общих настройках, измените значение «disabled» на false. Теперь пользователи могут загружать и управлять файлами (в нашем случае, файлами изображений) в вашем веб-приложении с использованием интерфейса CKEditor.

Вы можете проверить подробные шаги в своем блоге статью: https://ashenlive.blogspot.com/2016/09/ckeditor-image-upload-with-kcfinder.html