В Drupal 7, как и в шестой версии нет встроенного визуального редактора.
Внимание! В начале 2024 года вышло предупреждение о том, что ckeditor 4 не поддерживается для 7, да и для других версий больше его нет. Используя старые версии, вы не получите обновления безопасности. Искать замену или продолжать с ним работать, это ваше решение.
Переключаемся на стабильный CKEditor 5. Кстати, он вышел еще в 2018 году.
CKEditor 5 доступен в Drupal 9.5+ Начиная с версии 9.3 модуль будет доступен в ядре.
Руководство пользователя: как установить и настроить редактор ckeditor в друпал 7. Загрузка изображений с Elfinder.
В друпал 7, как и в шестой версии, нам нужно установить редактор. Конечно, можно этого не делать и писать тексты, видя только код. Но мне нравятся визуальные редакторы. Напомню, что установку и настройку для друпал 6 мы изучили в уроке 2: «FCKeditor — WYSIWYG редактор. Установка и настройка fckeditor в друпал.»
Сегодня мы рассмотрим рабочую связку cms с редактором.
drupal 7.17
CKEditor — WYSIWYG HTML editor 7.x-1.11
CKEditor 4.0
elFinder file manager 7.x-0.7
скрипт elFinder — elfinder-1.2
Для друпал седьмой версии весь процесс установки и настройки гораздо проще. Не нужно ничего править в файлах, все действия доступны из админки (будем просто ставить галочки). Существующие актуальные версии модулей нам здорово облегчают жизнь.
Как установить WYSIWYG редактор CKEditor на последнюю версию CMS Drupal 7.17
CKEditor – это гибкий и удобный редактор. Его интерфейс напоминает ворд.
Сначала устанавливаем скрипт редактора, потом сам модуль. Именно модуль подключит его к сайту.
Примечание.
Я указываю конкретные версии на момент написания статьи.
1. Скачать модуль https://drupal.org/project/ckeditor
Архив распакуйте в папку site/all/modules. Весь путь выглядит так: site/all/modules/ckeditor
2. Скачать редактор CKEditor 4.0 https://ckeditor.com/download
Для файлов редактора нужно создать папку libraries в site/all/
Путь распаковки архива будет таким: site/all/libraries/ckeditor
На странице модулей включаем, а затем настраиваем.
Идем «Конфигурация — CKEditor — Глобальный профиль CKEditor – Изменить». Здесь нужно проверить запись в поле «Путь к CKEditor» — должно быть %l/ckeditor. Эта запись показывает, что редактор находится в папке libraries.
Все. Вы установили CKEditor и он должен работать. Для проверки попробуйте открыть страницу создания нового материала. Теперь вместо одного большого поля для ввода вы увидите привычный визуальный редактор.
Если редактор не отображается:
Проверьте правильность выбранных релизов модулей для вашей версии друпал. Попробуйте поменять на другой релиз.
Настройка профилей редактора CKEditor
1 шаг. Настройка профиля Advanced в редакторе CKEditor.
Advanced (расширенный, с загрузкой изображений и т. д.)
Идем «Управление > конфигурация > ckeditor — admin/config/content/ckeditor
Настроим профиль Advanced, кликаем ссылку «изменить» напротив профиля Advanced.
Внешний вид редактора (Editor appearance):
Выбираем колор.
Перетаскиваем нужные кнопочки.
Язык выбираем русский.
File browser settings
Выбираем по своему вкусу файловый менеджер, ниже по тексту есть установка и настройка файлового менеджера для друпал 7 – Elfinder.
2 шаг. Настройка профиля Full в редакторе ckeditor
Идем «Управление — конфигурация – ckeditor» — admin/config/content/ckeditor
Оставить настройки можно по умолчанию, выбрать русский язык.
Самый простой вариант использовать Full (полный) и Advanced (расширенный) — для зарегистрированных, также ваши вариации. Создать для анонимных пользователей профиль Plain, где отметить автоматическое изменение html текста в простой формат.
Немного из обзора друпал 7, такой мини положительный отзыв.
В семерке по умолчанию есть поле для загрузки рисунков. Очень полезная фишка. Каждому материалу можно присвоить картинку – своеобразный логотип. В анонсе эта картинка автоматически уменьшится.
Какие проблемы встречаются при работе с редактором
CKeditor показывает не все кнопки
Для этого проверьте, какую версию вы скачали на странице https://ckeditor.com/download
- В пакете Basic Package — кнопок мало.
- Standard Package — их больше.
- Полный набор в пакете Full Package — скачивайте его, если хотите задействовать максимум.
Установка и настройка файлового менеджера Elfinder для Drupal 7
Связка из редактора и файлового менеджера сделают вашу работу наиболее приятной. Вы сможете в любое место вставить изображение с сервера или с компьютера. Присвоить ему нужные атрибуты, альтернативное описание. К сожалению и его нужно устанавливать.
Файловый менеджер CKEditor загрузит не только картинки, но и другие файлы.
Как и с редактором, нужно скачать модуль и скрипт.
- Скачать модуль https://drupal.org/project/elfinder
Распаковать архив и поместить файлы в папку site/all/modules/elfinder
- Скачать скрипт https://sourceforge.net/projects/elfinder/files/
Из последних версий подошло elfinder-1.2.
Затем распакуем архив и поместим файлы в папку site/all/libraries/elfinder
Здесь есть небольшая особенность, папку нужно назвать elfinder.
- Настраиваем. Для этого идем admin/config/elfinder – «конфигурация – модули – elFinder – настроить».
В «Root directory» оставляем выбор за «Use system defaults» — по умолчанию в друпал.
Установки по умолчанию admin/config/media/file-system:
На страничке «Содержимое» — admin/content, вы увидите новую вкладку «Файлы». Теперь достаточно по ней кликнуть и вы увидите интерфейс файлового менеджера.
И последний шаг – это объединение редактора с файловым менеджером в один функциональный инструмент.
Выше я уже описала настройку профилей редактора.
Повторюсь:
Выбираем в File browser type — elFinder. При желании здесь же можно поменять папку для загрузки файлов.
Теперь все должно работать, а я никак не пойму, почему этого нет в ядре друпал? Вместо этого несколько вариантов редакторов на любой вкус. Что слишком хорошо. 😉
Новая рабочая связка
drupal 7.21
CKEditor — WYSIWYG HTML editor 7.x 1.13
CKEditor — ckeditor_4.1_standard
elFinder file manager 7.x-0.8
скрипт elFinder — elfinder-1.2
Появляется глюк с добавлением новых пустот (<p> </p>) при каждом редактировании.
Выявлено, что глюк появляется при вставке тизера друпал. Если в статье не отделять анонс, то глюка нет.
Причина в том, что по умолчанию размер анонса уже настроен в типе материала. Получается двойное использование отделения анонса: ручное и автоматическое.
Путь к настройке показа анонса:
Совет. Следует при настройке внешнего вида визуального редактора убрать кнопочку тизер-друпал в обоих профилях .
Статьи для изучения drupal:
Создание сайтов на drupal — общие понятия для новичков.
Выбор версии и установка drupal — как русифицировать друпал и модули к нему.
Модули drupal для создания блогов — подборка блоговых модулей.
Как обновить ядро и модули в друпал — краткое руководство.
