我原以爲TinyMCE應該不會受到Diazo主題的影響，但某些地方的某些CSS會漏出來，使某些功能難以使用。下面是一個這樣的例子，所有行上的行高已經變得非常短，使得每行很難選擇。在Diazo'ed Plone網站上CSS'ing TinyMCE

enter image description here

在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 - 這些似乎都沒有辦法。

關於如何/在哪裏作出此修復的任何想法？該問題只出現在該網站的Diazo版本上，而不是來自非版本的版本。它看起來像只有CSS文件的TinyMCE的IFRAME該負載是：

dialog.css
plonebrowser.css
columns.css

來源

2014-02-10 feesh

我只是面臨着同樣的問題，上週。我的解決辦法是在我的主題的CSS加入這個（TinyMCE的對話框是不是包含內容正在編輯的iframe的一部分，它們是在主框架）：

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

（很明顯，我們應該找到一個不太哈克解決方案，但我沒有機會。）

來源

2014-02-10 23:22:45

這也工作！事實上，在這種情況下，這對我來說更有用，因爲我有一個.css文件可以應用於幾個具有相同問題的不同Plone站點。因此，儘管它具有！重要性，但比在每個網站上自定義columns.css更簡單。 – feesh

@feesh：你也可以將你的主題中的columns.css放在一個可重現的方式中，但是將你的customz保存在一個文件中，讓事情變得更容易:) –

你幾乎可以自己回答：你可以自定義column.css，這將工作，沒有重要的聲明需要。

此外，這似乎不是與重氮相關的，ploneCustom.css也不會傳遞到非重氮化網站中的對話窗口，嗯。

來源

2014-02-11 09:08:17

哦，對了！我想我沒有嘗試columns.css，因爲我認爲對話窗口是iframe的一部分，但現在它是有意義的。謝謝！ – feesh

這是我在我的項目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 */

哪得到的我的鏈接瀏覽器再次尋找這樣的：

Tiny MCE tidied up

從重氮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-ED從一個正常的Plone頁面的瀏覽器刷新「隱藏」了，即使Plone的處於開發模式。這意味着您可能發現在開發主題的過程中，您看不到TinyMCE插件（例如鏈接/圖像瀏覽器）中的CSS更新。如果是這種情況，那麼直接在瀏覽器中直接執行硬刷新：/plone.css以清除緩存版本。

來源

2014-02-11 09:59:05 Danimal

是的，我絕對有另一個項目的圖像瀏覽器問題！謝謝，這也有幫助。 – feesh

+1有價值的見解和可能的解釋（未驗證） –

在Diazo'ed Plone網站上CSS'ing TinyMCE

回答

plone.css

相關問題