[РЕШЕНО] CKEditor - выравнивание изображений и цвет текста - не применяются

Главные вкладки

Аватар пользователя xSPiRiTx xSPiRiTx 22 апреля 2013 в 0:31

CKEditor 4
Не срабатывает выравнивание изображений по центру/лево/право ни в свойствах изображения, ни кнопками на панели редактора.
Причем, в FullHTML формате работает. Значит какой-то тег не пропускает...а какой? о_О

Комментарии

Аватар пользователя sg85 sg85 22 апреля 2013 в 0:51

была аналогичная проблема причем еще на 6рке с более древней версией визивига, примерно год или 2 назад, вроде атрибуты у тега span не пропускались, причем сам тег проходил, не помню как решил, по моему какой-то из фильтров глючил. 4й CKEditor уже не страдает распихиванием span`ов на право и на лево, просто добавляет класс к тегам либо через атрибут style, проверьте через фаербаг, вероятнее всего какой-то из фильтров так же поглощает "лишние" по его мнению атрибуты тегов.

Аватар пользователя xSPiRiTx xSPiRiTx 22 апреля 2013 в 3:50

Через FullHTML картинки ровняются нормально...вот в css вот такой, например, атрибут
element.style {
float:right;
height:100px;
width:88px;
}

через FilteredHTML этот атрибут отсутствует.
и в разрешенных тегах есть

Аватар пользователя sg85 sg85 22 апреля 2013 в 7:28

Нашел, в "обрезаторе", т.е. в фильтре "Пропускать только разрешенные HTML-теги" есть интересная справка:
"Атрибуты событий JavaScript, URL JavaScript и CSS всегда удаляются."
Изобретение своего велосипеда может оказаться небезопасным(я про фильтр), наилучшим решением будет использование заранее заготовленных классов, однако, тогда появляется вопрос о том, как приучить CKEditor использовать эти классы заместо вставки CSS напрямую в теги, свой плагин для него писать как-то лень, возможно что-то есть в конфигах CKEditor

Аватар пользователя FORTIS FORTIS 22 апреля 2013 в 12:06

выравнивать нужно контейнер а не img, если у вас img в p то нужно выделить абзац и нажать кнопку выравнивания по центру

Аватар пользователя xSPiRiTx xSPiRiTx 22 апреля 2013 в 19:42

"FORTIS" wrote:
выравнивать нужно контейнер а не img, если у вас img в p то нужно выделить абзац и нажать кнопку выравнивания по центру

интересно как это донести до всех пользователей

Аватар пользователя xSPiRiTx xSPiRiTx 23 апреля 2013 в 5:45

Ставим модуль WYSYWYG Filter. В настройках Форматы текста (в Filtered HTML в моем случае) снимаем галку с "Пропускать только разрешенные HTML-теги" и ставим на "Фильтр WYSIWYG".
Настраиваем фильтр wysisyg: в "HTML-элементы и атрибуты" добавляем нужные теги, которые следует допускать (я добавил конструкцию span[style], для изображений там следует стили добавить и конструкцию img....если кому нада покажу настройки)

Профит!

Аватар пользователя designproject designproject 30 января 2015 в 10:19

xSPiRiTx wrote:
Ставим модуль WYSYWYG Filter. В настройках Форматы текста (в Filtered HTML в моем случае) снимаем галку с "Пропускать только разрешенные HTML-теги" и ставим на "Фильтр WYSIWYG".
Настраиваем фильтр wysisyg: в "HTML-элементы и атрибуты" добавляем нужные теги, которые следует допускать (я добавил конструкцию span[style], для изображений там следует стили добавить и конструкцию img....если кому нада покажу настройки)

Профит!