Установка текстового редактора CKEditor и файлового менеджера для Drupal 7. от Faraday http://webmasters.ru

Аватар пользователя Aquarfx Aquarfx 18 января 2012 в 6:50

Этот урок я нашел тут http://webmasters.ru/forum/f10/ustanovka-redaktora-i-fail-menedzhera-v-d...
По умолчанию, в системе управления сайтом Drupal нет встроенного текстового редактора, все теги разметки требуется вставлять вручную, поэтому для пользователей, которые плохо знакомы с HTML, создавать новые материалы на сайте проблематично.

К счастью, для Drupal создано несколько модулей, которые позволяют встроить WYSIWYG, или текстовой редактор в страницу создания материала. В этой статье, я расскажу, как установить очень популярный на данный момент WYSIWYG редактор под названием CKEditor на последнюю версию CMS Drupal на данный момент (7.8).

CKEditor позволяет довольно гибко и удобно редактировать и создавать страницы. Элементы его интерфейса почти ничем не отличаются от известных текстовых редакторов, таких как Microsoft Word или OpenOffice Writer.

http://s008.radikal.ru/i305/1110/f4/2159e17020a1.jpg

Итак, чтобы CKEditor работал на нашем сайте, нам нужно установить сам скрипт редактора, затем модуль, который бы подключал его к сайту.

1. Скачиваем модуль здесь - http://drupal.org/project/ckeditor выберете последний релиз для седьмой версии друпала.

2. Распакуйте архив в каталог site/all/modules вашего сайта (должна быть следующая структура site/all/modules/ckeditor)

3. Теперь скачаем и сам CKEditor с которым будет работать модуль. По адресу http://ckeditor.com/download скачайте последний релиз (на данный момент CKEditor 3.6.2)

4. Создайте папку libraries по адресу site/all/ и распакуйте туда архив (структура должна быть такая: site/all/libraries/ckeditor)

Всё, теперь включаем наш модуль и перейдём к его настройке:

Откройте Конфигурация > CKEditor > Глобальный профиль CKEditor > Изменить. Здесь в поле «Путь к CKEditor» проверьте, чтобы шаблон пути был %l/ckeditor. Это означает, что наш редактор распологается в папке libraries.

Если всё сделано правильно, то CKEditor уже работает, вы можете убедиться в этом, открыв страницу создания новой страницы. Вместо полей ввода текста появилось окошко редактора. Установка завершена.

2.Файловый Менеджер для Drupal 7 - Elfinder.

Кроме текстового редактора, во многих случаях, очень неудобно поддерживать сайт без штатного файлового менеджера, который так же отсутствует в Drupal по умолчанию.
Например, вы хотите поместить в текст картинку, для этого вам пришлось бы загружать по FTP изображение на сайт, и затем вставлять в нужное место, вручную прописывая адрес к нему (радует то, что уже установленный CKEditor хотя бы сам пропишет размеры). Или создать средствами друпала поле типа изображение, но его можно разместить только после или до текста.

С Elfinder всё выглядит так: нажимаете в CKEditor «вставить изображение», далее находите на сервере нужную картинку или прямо там закачиваете новую, и одним кликом вставляете её в нужное место.

http://s61.radikal.ru/i172/1110/25/93ddd1fd4115.jpg

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

1. Скачиваем модуль здесь - http://drupal.org/project/elfinder (Обратите внимание, у меня иногда возникали проблемы с рекомендуемой версией, советую скачать dev-версию, помеченную красным, на данный момент - 7.x-1.x-dev.)

2. Распаковываем - site/all/modules/elfinder

3. За скриптом идём сюда - http://sourceforge.net/projects/elfinder/files/ , качаем последнюю версию (на данный момент elfinder-1.2.zip)

4. Распаковываем (site/all/libraries/elfinder), обратите внимание нужно переименовать папку «elfinder-1.2» просто в «elfinder»

5. Открываем конфигурацию Модули > elFinder > Настроить (admin/config/elfinder). В списке «Root directory», удобнее выбрать «Use system defaults», чтобы менджер работал с каталогом для пользовательских файлов установленным по умолчанию (а именно здесь admin/config/media/file-system, поле «Системная папка — открытая»).

6. Теперь на странце «Содержимое» (admin/content), появилась новая вкладка – Файлы, открыв её, если всё сделано правильно, вы увидите окно файлового менеджера.
Осталось только соединить elFinder и CKEditor.

http://i042.radikal.ru/1110/c4/0b1c0a69640a.jpg

Открываем знакомую страницу Конфигурация > CKEditor. Изменяем нужный профиль (а лучше все, которые есть по умолчанию: Full и Advanced). Там нам нужен раздел «Настройки обзора файлов». Выберете «File browser type > elFinder». Затем, если вам нужно вы можете поменять ту папку, куда будете загружать файлы, для этого вам нужно вставить нужный шаблон в поле ниже, там всё достаточно просто.

Теперь: создавая материал в CKEditor нажимая кнопку изображение, у вас появится «Выбор на сервере», нажимая на эту кнопку, вы наконец увидите окно elFinder. Всё работает, поздравляю настройка завершена!

Комментарии

Аватар пользователя Nikem79 Nikem79 24 декабря 2013 в 13:10

Что-то у меня после этой процедуры окошко ввода текста пропало вообще)

Аватар пользователя svetkin sergey svetkin sergey 5 декабря 2019 в 20:59

Доброго времени суток. На странице несколько раз указывается путь site/all*. Не лучше ли было бы использовать sites/all ?