Руководства, Инструкции, Бланки

Ckeditor Инструкция img-1

Ckeditor Инструкция

Категория: Инструкции

Описание

WYSIWYG CKeditor

WYSIWYG CKeditor

Наверняка многие разработчики как минимум слышали о существовании HTML — редакторов, встраиваемых в веб страницы. Хочу представить Вам пожалуй самый продвинутый на сегодняшний день WYSIWYG. Для непосвященных опишу в двух словах о чем идет речь. Если Вы или Ваши клиенты хотите своими руками редактировать контент сайта, а познавать основы html нет времени или желания — то Ckeditor то что нужно.

Ранее продукт назывался FCKeditor. но из-за нездоровых ассоциаций у англичан связанных с аббревиатурой FCK (создатель проекта Frederico Calderia Knabben ), редактор был переименован в Ckeditor. Кроме названия в новой версии исчезли api для работы с файлами на perl и python. по крайней мере в бесплатном дистрибутиве. Разработчики предлагают несколько тарифных планов по поддержке и возможно на этих условиях вам предоставят не только их. На данный момент по умолчанию есть asp и php. Я же в своей работе использую perl и буду писать интерфейс сам. Позже выложу. А в целом проект имеет плагинную архитектуру, которой довольно легко управлять если разбираетесь в JS .

Скачать WYSIWYG ckeditor можно здесь или на сайте www.ckeditor.com .

Так он собственно выглядит. Правда я вам представил немного урезанную версию, но от полного комплекта почти не отличается.

Подключение и настройка ckeditor Подключение по умолчанию

Подключается и настраивается ckeditor очень легко.

1. Скачиваем ckeditor и распаковываем в корень сайта, CMS или другой системы. Разработчики не рекомендуют начинающим программистам переименовывать каталоги и файлы во избежание конфликтов в редакторе. Если все оставить как есть то запуск по умолчанию — минутное дело.

2 .В коде страницы грузим основной код и вставляем элемент textarea. Причем элементов textarea может быть несколько, главное им назначить разные идентификаторы.

3 .Инициализация на Ваш вкус, но лучше делать после того как объектная модель документа будет готова.

Или непосредственно перед закрывающим тегом

Дополнительная настройка

Для изменения настроек по умолчанию в ckeditor предусмотрен некоторого рода конфигурационный файл config.js. который лежит по адресу /ckeditor/config.js. Он содержит в себе настроечный хеш.

Вот пример того который используется для демо версии на данной странице:

config.skin - интерфейс. Возможны три варианта: kama. v2. office2003. По умолчанию kama .

config.uiColor - цвет интерфейса. Работает только для kama .

config.language - Язык интерфейса.

config.fullPage - оплетка для редактируемого документа. Если установлено true то редактируемая область будет содержать полноценный html документ, если false - только контент.

config.height - высота редактируемой области в пикселах. Аналогично для ширины.

config.removePlugins - Список кнопок (плагинов), которые нужно отключить. Например: resize - это благодаря которой область редактора можно растянуть как угодно, удерживая мышью нижний правый угол, save - кнопка сохранить.

2010 – 2016 © www.Litecode.ru

Другие статьи

Визуальный html редактор: CKEditor

Визуальный html редактор: CKEditor

В интернете присутствует полно разных визуальных редакторов для сайта, но не все они удобно и корректно работают.

Предлагаю рассмотрим лучший в своём роде - CKEditor. который уже давно является популярным и используется на многих сайтах.

Опробуйте редактор в режиме онлайн и вы поймёте, что он действительно удобен.

CKEditor имеет уже готовые решения для платформ: Wordpress, Drupal, Joomla, MODX Revo и другие. Вы сможете без проблем скачать и установить редактор на свою систему.

Ручная установка CKEditor

Подключается редатор довольно просто, как правило не вызывает сложностей.

1. Скачайте редактор с официального сайта и загрузите содержимое архива в любое место на сайте

2. Поместите следующий код в низ странице, где мы хотим видеть наш редактор, как правило можно поместить на все страницы сайта.

Здесь мы подключили нашу библиотеку (проверьте путь на файл ckeditor.js) и вызываем её на конкретной форме.

Теперь мы можем вставить нашу форму в тело сайта и увидим её работу.

В <textarea> мы указали id, которое объявили в конце страницы. К нему и применится наша библиотека.

Настройка редактора CKEditor в Joomla

Существует множество удобных редакторов для создания и изменения содержимого страниц в современных CMS. Joomla как одна из наиболее популярных систем управления контентом имеет стандартный редактор TinyMCE. Если возникла необходимость заменить данный редактор, обратите внимание на CKEditor.

Вначале редактор назывался FCKEditor в честь создателя Frederico Caldeira Knabben и устанавливался как плагин. Сейчас он стал самостоятельным компонентом и сменил название на CKEditor.

На сегодняшний день CKEditor адаптирован к большинству CMS. Чаще всего его устанавливают на Joomla и Drupal, но также он есть и для WordPress, PHP Nuke, Netcat и т.д.

Этапы установки просты.

  1. Скачиваем редактор с официального сайта http://ckeditor.com/download .
  2. В админке Joomla выбираем Расширения – Менеджер расширений – Установка – Загрузить файл пакета – Обзор. Выбираем наш .zip архив, выбираем «Загрузить и установить».
  3. В меню Сайт – Общие настройки устанавливаем редактор по умолчанию – Editor-CKEditor

Теперь компонент готов к работе.

Приятно, что сам редактор сильно напоминает MS Word, поэтому можно интуитивно понять, какая кнопка за что отвечает. Также плюсом является то, что при копировании текста из MS Word, сохраняются все ссылки и оформление текста. Можно улучшить компонент с помощью плагинов, которые также скачиваются с официального сайта http://ckeditor.com .

Давайте углубимся в детальную настройку редактора.

Детальная настройка редактора

Открываем редактор через меню Компоненты – CKEditor.

Раздел настроек содержит пять вкладок для каждой группы настроек CKEditor. Каждая установка содержит подсказку, которая объясняет, что конкретный пункт делает, и отображается при наведении курсора на название параметра.

Чтобы изменить настройку, выберите нужное значение из раскрывающегося списка, включите переключатель или введите значение в текстовом поле. После того как вы внесли изменения, нажмите кнопку «Сохранить» или «Сохранить и закрыть», чтобы сохранить изменения. Если вы хотите отменить редактирование и оставить нетронутой конфигурацию CKEditor, нажмите кнопку «Закрыть».

Основные настройки (Basic Settings)

Основные параметры управления содержат параметры конфигурации, определяющие внешний вид и язык CKEditor.

Внешний вид редактора

Редактор раздела «Внешний вид» позволяет настроить панель инструментов CKEditor, скин и редактор размера. Можно также включить или отключить Auto Grow и изменить плагин «Таблица».

Administrator toolbar устанавливает панель инструментов редактора, доступную для администратора сайта. Вы можете выбрать между Full (все кнопки панели инструментов CKEditor), Advanced и Basic.

Frontend toolbar панели инструментов устанавливает панель инструментов редактора, доступную для пользователей сайта (для фронтэнда). Вы можете выбрать между Full (все кнопки панели инструментов CKEditor), Advanced и Basic.

Skin задает шаблон отображения редактора, определяющий внешний вид его интерфейса (кнопки панели инструментов и фона). Вы можете выбрать между Kama (скин по умолчанию), Office2003, и v2.

Editor width задает ширину интерфейса редактора. Используйте CSS (50em, 80%) или просто целое число, которое обозначает значение в пикселях (например, 400).

Editor height задает высоту области редактирования CKEditor. Используйте относительные или абсолютные единицы длины (например, 20em, 200px). Процентные значения не поддерживаются.

Если ширина и высота не установлены, редактор будет сам выбирать размеры, исходя из разрешения вашего монитора.

Auto Grow plugin включает или отключает Auto Grow плагин, который заставляет окно редактора расширяться и сокращаться в зависимости от количества и размера содержимого, введенного в область редактирования.

Table Resize plugin – включение или выключение плагина «Таблица», который позволяет пользователю менять размер столбцов таблицы с помощью мыши.

Раздел «Настройки языка» позволяет настроить язык интерфейса CKEditor и направление письма.

Auto-detect language включает или отключает автоматическое определение языка, который будет принят как язык интерфейса CKEditor в соответствии с языком браузера или операционной системы пользователя. Если пользовательский язык не поддерживается в CKEditor, интерфейс будет отображаться на английском языке.

User interface language – выбор языка интерфейса пользователя, если автоматическое определение языка отключено. Сейчас вы можете выбрать из 59 локализаций.

Language direction устанавливает языковое направление текста, набранного в редакторе. Вы можете выбрать «слева направо» Left to right (как английский) или «справа налево» Right to left (арабский или иврит).

Расширенные настройки (Advanced settings)

Вкладка «Дополнительные параметры» содержит некоторые дополнительные параметры конфигурации, определяющие такие вещи, как вывод CKEditor, стили, шаблоны и проверку орфографии. Вы также можете добавить собственную конфигурацию JavaScript.

User interface color задает цвет пользовательского интерфейса CKEditor. Работает только для скина Kama. Значение цвета должно быть указано одним из способов HTML. Допустимые форматы: #ff0000, RGB(255,0,0) или определенные в HTML названия цветов, такие как red .

Enter mode определяет, в какой элемент HTML будет заключен абзац, когда пользователь нажимает клавишу ввода. Вы можете выбрать между элементами P, BR и DIV. По умолчанию рекомендуется установить тег <p>.

Однако если вы не хотите автоматического разрастания в тексте материала конструкций типа <p>&nbsp;</p>, используйте тег br.

Shift enter mode определяет, в какой элемент HTML будет заключен абзац, когда пользователь нажимает комбинацию клавиш Shift + Enter. Вы можете выбрать между элементами P, BR и элементом DIV. По умолчанию рекомендуется установить тег BR.

Use template CSS – если включено, тогда редактор будет использовать CSS файл Joomla! (editor.css или template.css), в области редактирования.

Styles definition file – если у вас несколько файлов со стилями, определите имя файла стиля, используемого редактором. Этот файл должен быть помещен в папку plugins/editors/ckeditor/styles сайта.

Templates definition file – если у вас несколько файлов с шаблонами, определяет имя файла шаблона, используемого редактором. Этот файл должен быть помещен в папку plugins/editors/ckeditor/templates вашего сайта.

CSS files определяет имя (имена) файла CSS, который будет использоваться в области редактирования для применения стилей к содержимому. Файл(ы) должны быть помещены в папку plugins/editors/ckeditor/css вашего сайта.

Замечание: если поля будут пустые, тогда будут использоваться стандартные файлы, которые идут с редактором. В поле нужно прописывать только название файла, без его формата.

Link browser включает или выключает Link browser, который облегчает внедрение ссылок в другие части вашего Joomla! сайта.

Absolute URL in link browser – включение и выключение использования абсолютного URL в браузере для ссылок.

SCAYT autostart определяет, будет ли включена автоматическая проверка орфографии при вводе (SCAYT). Может повлиять на загрузку редактора.

Use html entities определяет, будут ли использоваться HTML-сущности.

Раздел «Исходное форматирование» позволяет настроить различные параметры форматирования источника CKEditor.

Indent the element contents устанавливает набор отступов для элементов HTML при редактировании содержания в режиме исходного кода.

Break line before the opening tag – создание новой строки перед открывающим тегом.

Break line after the opening tag – создание новой строки после открывающего тега.

Break line before the closing tag – создание новой строки перед закрывающим тегом.

Break line after the closing tag – создание новой строки после закрывающего тега.

Indent the <pre> element contents – отступ содержимого элемента <pre>.

Custom configuration позволяет использовать все варианты конфигурации CKEditor, но настраивать его рекомендуется только опытным пользователям. Если вы допустите ошибку в конфигурации, CKEditor может работать не так, как ожидалось. Любые записи в этот раздел равносильны записям в файл config.js. Об этом подробнее.

Часто при редактировании текста в исходном коде для материала страниц необходимо, чтобы HTML-код сохранялся в точности, как этого хочет разработчик, т.е. без автоформатирования.

Для примера внедрим микроразметку в страницу контактов, добавив в конец страницы следующий HTML-код (в режиме «Источник»):

После переключения в визуальный редактор и обратно в исходный код видим, что встроенный код был отформатирован CKEditor: теги вырезаны, переставлены, удалены или добавлены не туда, куда надо, т.е. происходит непредсказуемая обрезка исходного кода редактором.

Как бороться с автоматическим форматированием HTML-кода в CKEditor?

По умолчанию CKEditor выводит Valid HTML-код. Если вы хотите разрешить пользовательские теги, например, как те, что указаны выше, необходимо настроить protectedSource.

ProtectedSource – список регулярных выражений, которые будут выполняться на входе в HTML, указывая тот исходный код, который при сопоставлении с регулярным выражением не должен быть доступен для редактирования в режиме WYSIWYG (в визуальном редакторе).

Сделаем запись в Custom javascript configuration:

CKEDITOR.config.protectedSource.push(/<div itemscope itemtype=[\s\S]*?<\/div><\/div>/g);

В зависимости от настроек может быть запись:

CKEDITOR.config.protectedSource.push(/<div itemscope itemtype=[\\s\\S]*?<\\/div><\\/div>/g);

С такой настройкой любой текст, соответствующий заданному шаблону, будет сохранен в исходном коде без изменения. Но есть один минус – эта защищенная часть текста не отображается в визуальном редакторе.

Приведу еще пример. Допустим, необходимо вставить теги следующего вида:

Если не защитить данную конструкцию, при переходе в визуальный редактор и обратно в источник получим:

Делаем запись в Custom javascript configuration:

Теперь CKEditor не форматирует, не удаляет и не переставляет теги в тексте.

Настройка файлового менеджера (File Browser Settings)

Раздел File Browser позволяет включить и настроить типы URL, а также выбрать группы пользователей, которые смогут использовать файл-браузер.

CKFinder – включение или выключение файлового браузера, который позволяет загружать и управлять изображениями на вашем Joomla! сайте. Дополнительные сведения о CKFinder можно получить на официальном сайте. Если CKFinder включен, но вы не предоставили данные лицензии, файловый браузер будет работать в демонстрационном режиме.

CKFinder URLs type задает тип ссылок URL, который используется CKFinder. Вы можете выбрать между абсолютным и относительным.

User Group Access to file browser – выбор группы пользователей сайта, которым разрешено использовать CKFinder, загружать и управлять файлами.

Остальные настройки в этой вкладке (пути для картинок, флэш, файлов) интуитивно понятны. Останавливаться на них не будем.

Настройка панели инструментов (Layout Settings)

Настройки вкладки Layout Settings определяют внешний вид и функциональность панелей инструментов CKEditor. Можно задать две версии панели инструментов – основную и расширенную.

Процесс создания панели инструментов очень прост и интуитивно понятен. Достаточно перетащить кнопки мышкой. Каждая кнопка на панели инструментов содержит подсказку, которая описывает функцию этой кнопки – наведите указатель мыши на кнопку, чтобы увидеть подсказку.

Если вы измените настройки, вы можете вернуться к настройкам по умолчанию, нажав кнопку Default.

Информация о лицензии

Вкладка «Информация о лицензии» содержит информацию о лицензии компонента CKEditor. Если вы не заполните ее, появится предупреждение. Для нелицензионной копии CKFinder компонент CKEditor File Browser будет работать в демонстрационном режиме. Для того чтобы разблокировать лицензионный продукт, необходимо ввести название лицензии и лицензионный ключ.

P.S. Также стоит учесть, что бывают случаи обрезки кода, когда удаляются необходимые теги, и, как следствие, код работает неправильно. Причиной может быть визуальный редактор, либо это связано с настройками самой Joomla. Система автоматически применяет фильтр с черным списком HTML-тегов для всего контента, который вы вводите в любом визуальном редакторе. Он удаляет теги iframe, embed, object, script, form и другие.

Для отключения обрезки кода самой Joomla 1.7 (1.6) перейдите во вкладку «Материалы – Менеджер материалов», нажмите кнопку «Настройки» в правом верхнем углу, и перейдите на вкладку «Фильтры текста».

«Черный список» позволяет использовать любые теги и атрибуты, кроме тех, что в него внесены.

«Белый список» позволяет использовать только теги, перечисленные в полях «Фильтр тегов» и «Фильтр атрибутов».

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

CKeditor - скачать бесплатно русскую версию CKeditor для Windows

Основная информация о программе

CKEditor - это визуальный редактор, который вы можете совершенно бесплатно добавить на свой сайт, блог или форум. Он имеет открытый исходный код и работает на большинстве популярных CMS. С установкой данного визуального редактора справятся даже неопытные веб-мастера. По сути, добавление CKEditor на сайт происходит в два шага: сначала вы распаковываете архив на сервер, после чего добавляете несколько строк в код страницы. Подробную инструкцию по инсталляции вы найдете в архиве с редактором.

"Из коробки" данное расширение для веб-сайта поддерживает возможность изменения размеров окна ввода, функции копирования и вставки текста, оформления ссылок, изменения шрифта, работу с надстрочным и подстрочным текстом, добавление специальных символов, добавление источника информации, вставку изображений, якорей и так далее. Предоставляемый функционал зависит от выбранной версии CKEditor. Всего их три: Basic, Standart и Full. Если же функционала самой "продвинутой" редакции вам оказалось недостаточно, то можете расширить возможности редактора при помощи плагинов.

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

Ключевые особенности и функции
  • распространяется в трех версиях, которые различаются между собой функционалом;
  • может быть "расширен" за счет плагинов;
  • очень прост в установке и работает на большинстве популярных CMS;
  • поддерживает смену тем оформления панели инструментов;
  • является совершенно бесплатным.
Что нового в этой версии?
  • параметр "callback" в CKEDITOR.ajax.post теперь является опциональным;
  • исправлены проблемы с выделением всего содержимого редактора в том случаем, если проект начинался или заканчивался виджетом или другим не выделяемым элементом. Эти же проблемы наблюдалась при работе с плагином "Выделить все";
  • исправлено зависание браузера при попытке вставить таблицу в список с отсутствующим последним элементом;
  • улучшен плагин, предназначенный для нормализации свойств фона CSS;
  • прочие исправления и улучшения.
Смотреть всю историю изменений

Настройка CKEditor 4, подключение файлменеджера KCFinder - WebGuruz

Обычно WYSIWYG редактор требуется когда необходимо написать админку, в которой обычному пользователю не знающему html, будет легко и удобно добавлять собственные тексты. Так было и в моем случае.

Скачиваем CKEditor с официального сайта: скачать ckeditor
Скачиваем бесплатный файл менеджер KCFinder: скачать kcfinder

Стандартным способом интегрируем CKEditor на сайт. Добавляем на страницу скрипт ckeditor.js (в моем случае скрипт лежит в корне сайта в каталоге ckeditor). KCFinder я распаковал в папку ckeditor, просто для удобства.

Пусть на странице имеется поле textarea которое нужно заменить WYSIWYG редактором:


Далее нам необходимо указать настройки в ckeditor для того чтоб при нажатии на кнопку «загрузить файл» или просмотреть файлы на сервере открывался KCFinder, для этого добавляем в CKEDITOR.replace следующие настройки:

В каталоге /ckeditor/kcfinder/ есть скрипт с конфигурацией config.php, там необходимо указать путь к папке в которую будут загружаться добавленные файлы (не забудьте посмотреть чтоб директория была доступна для записи).

Кажется что все работает, но есть еще несколько моментов касающихся настроек форматирования кода в CKEditor, мне например не нравится что при нажатии на клавишу enter в редакторе, текст заключается в тег <p> так же этот тег постоянно записывается когда пытаемся сохранить пустое поле с подключенным редактором. Чтоб это исправить добавляем небольшой скрипт:

Убрали автозаполнения тегом <p>, теперь уберем заключение текста в данный тег при нажатии на enter. Для этого допишем следующие настройки в файл конфигурации /ckeditor/config.js :

Если кажется что последние две строчки кода не помогают решению проблемы, очистите кеш браузера и повторите тестирование, все должно работать. Таким образом ваш редактор CKEditor c файловым менеджером KCFinder готов к работе, и выглядит очень даже не плохо.

Дополнительную информацию по настройке конфигурации можно посмотреть на официальных сайтах редакторов.

Читать похожие статьи:

Большое человеческое спасибо!
Перелопатил немало инфы в попытке корректно подключить kcfinder к ckeditor-у. Реально помогла только эта статья: коротко, ясно и по делу. Единственное, что на мой взгляд стоило бы добавить, так это то, что kcfinder по умолчанию отключен. Чтобы это исправит нужно в каталоге /ckeditor/kcfinder/ в скрипте с конфигурацией config.php изменить ‘disabled’ => true на ‘disabled’ => false.

Присоединяюсь к отзыву Temras! Большое спасибо, файловый менеджер заработал!

Привет.
Установил CKEditor и интегрировал в него KCFinder как описано в статье. CKEditor работает отлично, загрузка картинок в KCFinder тоже без проблем, но файл менеджер, вызываемый кнопкой «выбор на сервере» открывается пустым. Только пустое окно, разделенное по вертикали и кнопки интерфейса сверху.

При нажатии Хром выдает ошибки:
Не удалось распознать схему URI в «kcact:refresh».
Не удалось распознать схему URI в «kcact:upload».
и тд.

Файрфокс на любую кнопку:
Firefox doesn’t know how to open this address, because the protocol (kcact) isn’t associated with any program.

запускаю на Ubuntu+Apache/2.2.22+PHP 5.4.9 с GD библиотекой

В чем могут быть проблемы?

думаю дело в конфигах, посомтри в папке kcfinder/config.php. Там задается путь к папке в которую будут загружаться изображения.
‘uploadURL’ => «upload»,
‘uploadDir’ => «»,
либо эти папки можно задать в скрипте странице с едитором
$_SESSION['KCFINDER']['disabled'] = false; // enables the file browser in the admin
$_SESSION['KCFINDER']['uploadURL'] = Yii::app()->baseUrl.»/uploads/»; // URL for the uploads folder
$_SESSION['KCFINDER']['uploadDir'] = $_SERVER['DOCUMENT_ROOT'].»/uploads/»; // path to the uploads folder

с путями все путем! в том-то и дело! Файлы и картинки корректно загружаются и потом отображаются на странице, а вот непосредственно браузер файлов не работает. попробовал рецепт из этой статьи http://webguruz.ru/web-developer/yii/yii-extension-ckeditor-kcfinder/ – все аналогично, файлы и картинки грузятся на сервер, отображаются на страницах, а браузер остается пустым при вызове «Выбор на сервере».
Может нужны какие доп настройки в yii?

Спасибо за полезную статью, послужила стартом в освоении связки ckfinder+ckeditor.
Есть одно замечание и просьба поправить информацию на странице, тк. текущая информация устарела.
Файл куда добавлять нужные настройки: ckeditor/config.js
«… на сервере открывался KCFinder, для этого добавляем в CKEDITOR.editorConfig следующие настройки:
config.filebrowserBrowseUrl = ‘/kcfinder/browse.php?type=files’;
config.filebrowserImageBrowseUrl = ‘/kcfinder/browse.php?type=images’;
config.filebrowserFlashBrowseUrl = ‘/kcfinder/browse.php?type=flash’;
config.filebrowserUploadUrl = ‘/kcfinder/upload.php?type=files’;
config.filebrowserImageUploadUrl = ‘/kcfinder/upload.php?type=images’;
config.filebrowserFlashUploadUrl = ‘/kcfinder/upload.php?type=flash’;

Спасибо за помощь.

У меня всегда сложности возникают при подключении редактора, т.к. не на популярных движках делаю. Из-за этого не часто сталкиваюсь с подключением именно файлового менеджера в редактор.

По вашей небольшой статье гораздо быстрее внедрил, и даже работает. Тестить, конечно, еще буду.

Да, кстати, в статью действительно стоит добавить, что файловый менеджер по-умолчанию отключен в конфиге, и нужно прописать
‘disabled’ => false
Я вот как-то даже мимо глаз пропускал эту строку, искал ошибку в другом. И даже не удосужился прочитать первый коммент.

В общем, статья помогла, в закладки.

Всем доброго времени суток.

ckeditor 4.4 не отображает кнопок загрузки файлов… Только через url.
Хотя сама кнопка в html’e есть…
Как включить, товарищи? Где это проверяется, ни где не могу найти инфу.

Привет. помогите разобраться. установил ckeditor, все работает, только вот при добавлении картинки выскакивает ошибка «XML request error: Not Found (404)»

Огромное спасибо автору – ОЧЕНЬ полезная статья. Сначала не мог разобраться, почему не работает, но благодаря комментам заработал KCFinder.

vampirrou, смотри комментарии. Мне помогли 2 вещи:
1) в файле config.php этого плагина нужно указать «‘disabled’ => false»;
2) настройки я плагина я не передаю объектом вторым параметром метода CKEDITOR.replace( ‘ckeditor’, <…> ), а указываю их в файле config.js в корне редактора.

Здравствуйте, подскажите пожалуйста, кто знает, как реализовать сохранение последней активной папки в ckfinder без интеграции в ckeditor

Пол-дня провозившись, пару часов назад подружил «ckeditor» и «ckfinder».
Хочу от себя добавить следущие моменты с «подводными камнями».
Файл настроек «kcfinder\conf\config.php»
1) «_normalizeFilenames» рекомендую выставить в TRUE, чтобы потом не было проблем с медиа-файлами, у которых имена набраны в кириллице
2) «_check4htaccess» выставить в FALSE, чтобы плагин не проверял наличие .htaccess в директории с медиа-файлами. И-за TRUE-значения вместо файлового менеджера у меня было абсолютно пустое окно без сообщения об ошибке
3) ‘uploadDir’ – выставлять полный физический путь к папке, используя $_SERVER['DOCUMENT_ROOT']
У меня всё. )

Как для CKFinder создать в Drupal 7 доступ в директорию /sites/default/files/pictures (где уже есть фото) для админа, и потом через профили CKEditor раздать доступ в /sites/default/files/images для зарегистрированных пользователей?

Спасибо большое. Реально сэкономил день рабочий прикручивания этого kcfindera. Еще небольшая поправочка. KCFinder получается тогда в папке \protected\extensions\ckeditor\kcfinder\ а при попытке открыть его он обращается к php файлам в этой папке, но по настройкам защиты, эта папка не должна быть видна снаружи. Потом я еще добавил публикацию этой папки в Assets и все прекрасно заработало.

$kceditorPath = Yii::app()->assetManager->publish(Yii::app()->basePath. ‘/extensions/ckeditor/kcfinder/’);

// опции для файлменеджера
$baseDir = Yii::app()->baseUrl. ‘/protected/extensions/ckeditor’;

$options['filebrowserBrowseUrl']= $kceditorPath. «/browse.php?type=files»;
$options['filebrowserImageBrowseUrl']= $kceditorPath. «/browse.php?type=images»;
$options['filebrowserFlashBrowseUrl']= $kceditorPath. «/browse.php?type=flash»;
$options['filebrowserUploadUrl']= $kceditorPath. «/upload.php?type=files»;
$options['filebrowserImageUploadUrl']= $kceditorPath. «/upload.php?type=images»;
$options['filebrowserFlashUploadUrl']= $kceditorPath. «/upload.php?type=flash»;