CKeditor режет тэги и атрибуты class, id у div - Drupal

При редактировании контента CKeditor режет пустые тэги и некоторые атрибуты (class id) у непустых тэгов.

В редактор CKeditor 4 версии добавлена опция конфига

config.allowedContent = true;

Также можно добавить свои правила обработки контента к правилам по умолчанию (default rules)
CKEDITOR.editorConfig = function( config ) {
config.extraAllowedContent = '*[id](*)'; // удаляем '[id]',
}

Более подробная документация по
http://docs.ckeditor.com/#!/guide/dev_allowed_content_rules

CKeditor 3 версии
config.ignoreEmptyParagraph = false;

WEB WYSIWYG Редакторы

Настроить CKeditor в Drupal

Если используется drupal модуль ckeditor из официального репозитория, настройка значений config, передаваемых в редактор производится на странице admin/config/content/ckeditor после выбора нужного профиля (Advanced/Full) и действия изменить для него.

Далее в панели-спойлере “Дополнительные настройки” в блоке “Пользовательская конфигурация JavaScript” вводим нужные значения config.allowedContent = true; // разрешаем

При использовании других фильтров (на странице профиля CKeditor выбираем Панель “Безопасность” -> фильтры безопасности)

Устанавливаем и включаем модуль Wysiwyg Filter.
Выбираем чекбокс в разделе “Enabled filters” напротив W

В блоке HTML tags размещаем допустимые правила обработки тэгов

@[style|class],
a[!href|target<_blank|title|rel],
div[align

p[align img[src|width|height|alt|title|rel],
h1,h2,h3,h4,br,hr,span,em,strong,
cite,code,blockquote,pre,ul,ol,li,dl,dt,dd

При необходимости ставим галки напротив “color” и “background-color” (или других стилей)

Ниже можно прописать правила для class

rte*,
justify,
image-left,
image-right,
standalone-image

Метки:

Автор будет признателен, если Вы поделитесь ссылкой на статью, которая Вам помогла:
BB-код (для вставки на форум)

html-код (для вставки в ЖЖ, WP, blogger и на страницы сайта)

ссылка (для отправки по почте)

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