Drupal 7, 8 добавление собственных стилей (выпадающий список) в визуальный редактор CKeditor

Категория: Drupal
Дата публикации: 23 декабря, 2018 - 09:53
Последнее изменение: 5 января, 2019 - 15:32

ckeditor собственные стили

Drupal 7

Актуально при использовании модуля https://www.drupal.org/project/ckeditor . Решается собственным модулем:

function MODULE_ckeditor_settings_alter(&$settings, $conf) {
  $settings['stylesCombo_stylesSet'] = 'drupal:/sites/all/modules/custom/ckeditor.styles.js';
}

Файл ckeditor.styles.js предваритаельно нужно скопировать из папки модуля - /sites/all/modules/ckeditor/, например, в папку собственного модуля.

Drupal 8

Все необходимое есть из коробки, стили настраивается в текстовых форматах /admin/config/content/formats, после переноса кнопки на активную панель, ниже появится окно настроек.
drupal8 ckeditor собственные стили
После заполнения классов, соответствующие стили для них нужно вписать в css используемой темы. Для того, чтобы примененные стили были видны сразу в визуальном редакторе, этот css нужно подключить через THEME.yml.info:

ckeditor_stylesheets:
  - css/ckeditor.css

p.s. не забыть сбросить кеш, если сразу не заработало.

Источник - http://www.drupalthemer.org/blog/drupal-8-how-to-ckeditor-custom-styles .