CSS'ing TinyMCE на сайте Diazo'ed ​​Plone

Question

Я думал, что TinyMCE должен оставаться нетронутым темой Diazo, однако некоторые CSS откуда-то просачиваются и делают некоторые функции более трудными в использовании. Один из таких примеров приведен ниже, высота строки во всех строках стала очень короткой, что затрудняет выбор каждой строки.

В Firebug, я могу это исправить, добавив значение мин высоты здесь, значение, установленное в dialog.css:

.radioscrolllist .list {min-height: 2em;} 

Однако, я не могу найти, где на самом деле установите это и держите. Я попытался положить его в теме ДИАЗО style.css, в ploneCustom.css и настройки как portal_skins/TinyMCE/темы/продвинутый/скины/Plone/dialog.css и portal_skins/TinyMCE/плагины /plonebrowser/css/plonebrowser.css - ничто из этого не похоже на трюк.

Любые идеи о том, как и где это исправить? Проблема возникает только в диазо-версии сайта, а не в непечатной версии. Похоже, что только CSS-файлов, нагрузка на TinyMCE IFRAME являются:

• dialog.css
• plonebrowser.css
• columns.css

Answer 1

Я просто сталкивался с такой же вопрос на прошлой неделе , Мой обходной путь добавлял это в CSS моей темы (в том TinyMCE диалоги не является часть фрейма, который содержит контент редактируется, они в основном фрейме):

#internallinkcontainer.radioscrolllist { line-height: auto !important; } 
#internallinkcontainer .list.item span, #internallinkcontainer .list.item a { position: static !important; } 

(Ясно, что мы должны найти менее Hacky решения , но у меня не было шанса.)

Answer 2

Вы почти ответили на него сами: вы можете настроить column.css, который будет работать, никаких важных объявлений не требуется.

Кроме того, это, похоже, не связано с диазо, ploneCustom.css также не будет доставлен в диалоговое окно на недиазоидном сайте, хм.

Answer 3

Это то, что я в моем проекте CSS, чтобы иметь дело с подобным вопросом, хотя я нахожу различные вопросы по каждому проекту в зависимости от того, что я делаю с общим CSS & столбцов, в частности:

/* Fix TinyMCE gremlins */ 
#internallinkcontainer div.row { 
    /* Image browser was jumbled */ 
    float: none; 
} 
#content #internallinkcontainer .list.item span, 
#content #internallinkcontainer .list.item a { 
    /* Link browser was packed too much */ 
    position: inherit; 
} 
#internallinkcontainer input[type="radio"] { 
    vertical-align:  middle; 
} 

/* @end */ 

Какой получить это мой Link Browser снова глядя, как это:

Помимо диазо-CSS неприятности, это звучит, как вы могли бы быть проблемы с ПЛО ne.css получает кеширование. Ниже от developer manual с изменениями и дополнениями по себе, что до сих пор не тянули в.

plone.css

plone.css будет автоматически генерируется динамически на основе полной конфигурации portal_css реестра.Он используется, например, TinyMCE загружает все стили CSS в TinyMCE за один проход. Он не используется на обычных страницах Plone.

поколение

plone.css:

https://github.com/plone/Products.CMFPlone/blob/master/Products/CMFPlone/skins/plone_scripts/plone.css.py 

Примечание: plone.css является @ импорт-ред dialog.css, который "скрывает" его из браузера обновления нормальной страницы Plone, даже когда Plone находится в режиме разработки. Это означает, что вы можете обнаружить, что не видите ваши обновления CSS в плагине TinyMCE (например, в браузере ссылок/изображений) при разработке вашей темы. Если это так, просто сделайте жесткое обновление в своем браузере прямо на: /plone.css, чтобы очистить кешированную версию.