Упрощение настройки визуального HTML-редактора контента в Drupal

В наше время трудно представить себе систему управления контентом сайта (CMS), не имеющую в своем составе визуальный редактор, называемый также WYSIWYG-редактором (What You See Is What You Get — Что видишь, то и получаешь). Эти редакторы справляются со своей задачей конечно же не так хорошо, как всем известный Word, однако при этом заметно облегчают жизнь.

Следуя своей философии конструктора системы управления контентом под конкретные задачи, CMS Drupal, в отличие от других CMS, не содержит в своем ядре предустановленного редактора, оставляя конечному пользователю право выбора редактора на свой вкус. А выбор при этом, действительно, не маленький: CKEditor, FCKeditor, jWysiwyg, markItUp, NicEdit, openWYSIWYG, TinyMCE, Whizzywig, WYMeditor, YUI editor и возможно другие.

Очень многие останавливают свой выбор на первом редакторе из этого списка, который отличается мощным функционалом и большим количеством возможных настроек. При этом самым естественным шагом в этом случае кажется необходимость скачать и установить соответствующий модуль, дающий возможность подключения CKEditor к Drupal (http://drupal.org/project/ckeditor), а также, конечно же, и сам редактор, без которого этот модуль работать не будет. Судя по статистике скачиваний, многие именно так и делают. Долгое время и мы поступали точно также. Однако у такого способа подключения CKEditor есть некоторые особенности, которые со временем могу начать раздражать.

  • Если установить в настройках CKEditor его подключение ко всем полям по-умолчанию, то при установке новых модулей почти наверняка придется возвращаться к его настройкам, чтобы внести в список исключенных для отображения редактора полей ID очередного поля (задачка не вполне очевидная для обычного пользователя).
  • Если отключить его показ по-умолчанию, то наоборот — при создании новых типов материалов или новых блоков придется прописывать ID их полей в список разрешенных.
  • Редактирование набора инструментов в панели управления редактора возможно лишь через редактирование специального конфигурационного файла этого редактора.
  • Настройка различного вида панелей инструментов редактора требует создания его различных профилей, настройка которых также не совсем тривиальна.

Все описанное делает настройку CKEditor не вполне простым и удобным делом, особенно для конечных пользователей CMS. К счастью, есть и другой подход подключения HTML-редактора к Drupal, лишенный описанных выше неудобств.

Вместо использования специально «заточенного» под конкретный WYSIWYG-редактор модуля можно установить модуль Wysiwyg (http://drupal.org/project/Wysiwyg), позволяющий подключать на выбор почти любые из существующих редакторов такого типа. И дело здесь не только в универсализме. Данный модуль позволяет выбирать для панели инструментов редактора с помощью кликов мыши любую из доступных кнопок : сделать шрифт жирным, подчеркнутым, выбрать цвет шрифта и многое другое, отдельно для каждой роли:

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

Такой подход дает еще одно удобство при редактировании материалов. Если мы выберем у поля с нашим HTML-содержимым формат ввода без подключения СKEditor, этот формат соответственно сохранится и уже не придется открывать экраны настроек профилей самого СKEditor, чтобы добавить там ID соответствующего поля ввода в список для исключения.

При использовании модуля Wysiwyg есть еще один ньюанс в интеграции с ним модуля IMCE (http://drupal.org/project/imce), также обычно используемого в сборках Drupal в качестве встраиваемого или работающего отдельно инструмента для загрузки и просмотра картинок и других файлов, а также для получения поддержки работы с персональными каталогами и квотами на их заполнение. Если в первом случае, когда использовался модуль CKEditor, его интеграция с IMCE производилась в настройках модуля редактора, то теперь необходимо дополнительно установить модуль IMCE Wysiwyg bridge (http://drupal.org/project/imce_wysiwyg), после чего возможность выбора IMCE появляется уже в настройках каждого из профилей Wysiwyg среди возможных плагинов и кнопок (см. на скриншоте перед предыдущим во второй колонке снизу). Достаточно поставить галочку и он автоматически становится доступен в редакторе.

Метки:
Понравилась статья? Поделитесь ссылкой в соцсетях: