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

drupal advertisment

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

Оставлен admin 8 Май, 2011 - 12:41В общем как  я уже писал после установки базовой версии Drupal 7 функционал достаточно маленький. И первое что хочется сделать это добавить визуальный редактор для редактирования страниц и настроить загрузку изображений или других файлов для контента. 

Первое что делаем: скачиваем сам модуль с сайта Drupal http://drupal.org/project/ckeditor  

Далее скачиваем сам ckEditor с оф сайта: http://ckeditor.com/download

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

  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:

8b5cbbaaf5ad1800d57576c16de607f4.jpe

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

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

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

66b903d35edf8618b7b568bab3368549.jpe

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

69cd77a29af5a6992a45ac035a115d93.png