Применение отдельной таблицы стилей к загруженной странице WYSIWYG в CMS

Большинство веб-сайтов, которые я создаю на работе, разрабатываются с помощью Business Catalyst — разумной системы управления контентом.

В последнее время у меня были некоторые трудности с несколькими владельцами веб-сайтов, которые случайно испортили свой веб-сайт, найдя его слишком сложным для обновления и т. д.

Редактор WYSIWYG довольно маленький, и из-за этого контент часто сминается. Это может быть проблемой по многим очевидным причинам. Таблицы стилей применяются в области WYSIWYG, а это означает, что часто происходят вещи, которые работают только в контексте реального просматриваемого веб-сайта.

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

Это возможно? Я подумал, что смогу сделать свои правила CSS такими:

iframe div#myElement

Потому что редактор WYSIWYG загружает страницу через iframe. Но это не сработало.


Это изображение самого редактора WYSIWYG может быть полезным:

введите здесь описание изображения


person Marty    schedule 18.11.2011    source источник
comment
Использует ли Business Catalyst проприетарный WYSIWYG, TinyMCE, CKEditor, что-то еще...?   -  person simshaun    schedule 18.11.2011
comment
@simshaun Я.. Понятия не имею. Как я могу узнать?   -  person Marty    schedule 18.11.2011
comment
Зависит от. Попробуйте перейти на страницу с WYSIWYG и просмотреть ее исходный код. Посмотрите, где интегрирован WYSIWYG, и посмотрите, найдете ли вы какие-либо теги или подсказки относительно того, что он использует.   -  person simshaun    schedule 18.11.2011
comment
Вы видели эту тему на их форумах? businesscatalyst.com/ В соответствии с этим вы сможете установить Контент CSS для редактора.   -  person Jona    schedule 21.11.2011
comment
@Jona Спасибо за это. Сейчас я изучаю, как все работает внутри партнерского портала. Массовая помощь.   -  person Marty    schedule 21.11.2011
comment
@Jona Кстати, это было решение, которое я искал, если вы хотите опубликовать его в качестве ответа.   -  person Marty    schedule 21.11.2011


Ответы (2)


Вы можете установить пользовательский CSS контента, используемый редактором WYSIWYG, в разделе PP > Tools > Online Editor Settings > Content CSS.

См. также эту рекламу на форумах Business Catalyst.

person Jona    schedule 21.11.2011

Попробуйте добавить «!important» к стилям CSS, которые вы хотите изменить, чтобы они не были переопределены редактором WYSIWYG. Например. tr {border: 0 !important}. Кстати, редактор очень похож на TinyMCE.

person Kamil Sindi    schedule 21.11.2011