И у меня есть подозрения, что TinyMCE не хочет применять стили к таблице именно потому, что у него-то нет div с id=content.
Вот и возник вопрос, как же можно заставить его отображать необходимые мне стили? Пытался определить, есть ли у самого TinyMCE какой-нибудь класс, отвечающий за контент в поле редактирования, но так и не нашел его...
Что бы определить, какими CSS пользуется Tiny, надо проставить дополнение
WebDeveloper в Firefox. Вообще просто обязательно нужно иметь!
Там есть возможность просматривать примененные стили к любому блоку, отображаемому в браузере. Узнаете много удивительного.
Конкретно Tiny в своем поле редактирования использует
* и
html в "пустом" месте. И
body для цвета фона.
Вот body в CSS, подгружаемый в Tiny, приходится переопределять. Цвет body для всего сайт, скорее всего, не такой как у колонки с контентом, редактируемым в Tiny.
Все остальное отображается стилями, которые попадают в то место, которое является контентом документа в MODx. Что опишете в поле
content внутри его текста, то и отобразится. Внешние стили (по отношению к контенту), например id=content, Tiny не знает. Да и откуда ему их знать, ведь ему только текст из поля БД передается.
PS. А еще интереснее добиваться, чтобы и в выпадающем списке Стили в Tiny всё выглядело точно так же, как в CSS сайта... Сложно, но можно.