Добавить комментарий

CKeditor preview

Ckeditor — весьма популярный редактор, и в друпале его можно поставить аж двумя способами.

Первый — с помощью модуля Wysiwyg, подключив к нему библиотеку ckeditor с официального сайта редактора. Этот модуль предоставляет универсальный интерфейс для настройки визуальный редакторов в друпале, и поддерживает внушительное их количество.

Второй способ — с помощью модуля CKEditor. Я рекомендую именно этот способ, поскольку он имеет больше настроек, меньше косяков, и, кроме того, будет легче подключать всякие плагины к этому редактору (столкнулся с этим, когда устанавливал плагин для вставки html5 video).

Установка и настройка

Скачиваем и устанавливаем модуль как обычно, никаких дополнительных модулей или библиотек не требуется (для версии начиная с 7.x-1.14 все идет в комплекте).

Затем идем в Configuration > Ckeditor, здесь можно настроить профили редактора отдельно для каждого текстового формата (Full HTML, Filtered HTML и т. д.).

CKeditor profiles

Настроек реально много, но по умолчанию они вполне юзабельны, так что лезть во все подряд нет необходимости.

CKeditor settings

В базовых настройках указаны текстовые форматы, в которых будет использоваться данный профиль.

В Editor appearance включаются и выключается доступные кнопки редактора. Я обычно оставляю только необходимые в работе. Настраивается простым перетаскиваением между 'Current toolbar' и 'Available buttons'.

CKeditor toolbar settings

В этом же разделе настраиваются доступные плагины редактора, язык и его ширина.

В Advanced content filter настраивается дополнительная фильтрация введенного контента. Я обычно отключаю, потому что этим и так сам друпал занимается.

В Cleanup and output дополнительные настройки форматирования, у меня обычно отключено.

В File browser settings можно выбрать файловый менеджер для вставки изображений и ссылок на файлы.

В Advanced options рекомендую включить Force pasting as plain text — Enabled, это конвертация текста (к примеру, из ворда) из буфера обмена в простой текст, без дополнительного форматирования и прочего, дизайнер сайта скажет вам спасибо :) Здесь же проверка правописания, тоже нужная вещь.

Теги: 

Filtered HTML

  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешённые HTML-теги: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Строки и параграфы переносятся автоматически.

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.