Почему TinyMCE игнорирует стили классов, которые он применяет?

Question

Я использую следующие конфигурации:

formats : {alignleft : {selector : 'img', classes : 'float-left'}, 
    alignright : {selector : 'img', classes : 'float-right'}, 
}, 

сделать крошечные использовать мои собственные классы для выравнивания изображений (которые просто установить CSS поплавок влево или вправо), а не их применения встроенных стилей.

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

Проверка кода изображения в веб-инспекторе Safari показывает, что класс правильно применяется к элементу img, он просто не плавает!

Страница с редактором имеет доступ к основной таблице стилей с полями с плавающей запятой и с плавающей запятой.

Я новичок в крошечных, возможно, мне что-то не хватает?

Answer 1

Чтобы увидеть изменения классов внутри самого редактора, вам необходимо установить таблицу стилей во время инициализации.

tinyMCE.init({ 
    content_css : "/editor-style.css" // http://domain.com/editor-style.css 
}); 

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