Drupal 7 Установка визуального редактора ckeditor + imce

Первое что делаем: скачиваем сам модуль с сайта Drupal  

Далее скачиваем сам ckEditor

За тем по порядку:

  1. Копируем модуль ckEditor в папку sites/all/modules
  2. Распаковываем скачанный ckeditor в папку  sites/all/libraries/ckeditor/ ( внимание! в папку sites/all/libraries/ckeditor  нужно выкидывать не все содержимое архива, а только содержимое внутренней папки “ckeditor” )
  3. Заходим на страницу управления модулями включаем ckeditor -> сохраняем настройки

ВНИМАНИЕ! Если вы скачали ckEditor версии 4.1+,  то после установки в файле  /sites/all/modules/ckeditor/ckeditor.config.js необходимо прописать: “config.allowedContent = true;” , иначе ckEditor будет работать некорректно!

После проделанных этапов мы можем редактировать текст, но не можем загружать фотографии и flash из визуального редактора на наш сайт.
Для загрузки изображений и flash фаилов существует модуль imce.

Для его установки: 

  1. Скачиваем сам модуль с оф. сайта: http://drupal.org/project/imce
  2. Копируем в папку /sites/all/modules/
  3. Заходим на страницу управления модулями включаем модуль -> сохраняем настройки

После того как мы скачали включили модуль imce нужно прикрепить его к модулю ckeditor.

Для этого заходим в настройки ckeditor (Конфигурация->ckeditor):

ckeditor0

Отредактируем профиль full.

В  пункте FILE BROWSER SETTINGS указываем: 

File browser type (Link dialog) - IMCE  (тип файлового браузера для ссылок)
File browser type (Image dialog) - IMCE (тип файлового браузера для изобажений)
File browser type (Flash dialog) -  -IMCE (тип файлового браузера для flash)

ckeditor1

Теперь нажмем кнопку добавить содержимое выберем например Basic Page, появится наш визуальный редактор, выберем в формате ввода Full Html и при добавлении изображения появится кнопка посмотреть на сервере, которая откроет файловый браузер IMCE и спомощью этого браузера мы сможем загружать файлы на сайт.

ckeditor2