2009-11-13 32 views
0

我正在使用CMS。它的一個功能是在所見即所得編輯器中編輯HTML「塊」,並將其顯示爲單獨的頁面。重置頁面的某個區域的CSS?

我在CMS中有一個區域可以預覽這些塊。

塊依賴於加載到所見即所得編輯器中的「foundation.css」文件。它做了一些小的重置,定義了默認的字體和文字顏色,並且總體上非常簡單。

很明顯,CMS帶有大量的CSS語句,其中很多會影響字體大小,族,顏色,行高,填充等常規設置。

當然,當我嘗試在CMS頁面中顯示HTML塊時,它看起來與只用foundation.css樣式表顯示時截然不同。

任何人都可以想出一種方法來清除所有以前樣式定義中的HTML頁面(比如DIV)中的定義區域嗎?我不能。

  • 的iframe顯示塊和嵌入foundation.css會有所幫助,但我擔心對用戶的工作流程時,5-10的IFrame有一次,他們被加載到可以通過JS渲染,然後調整高度。呸。

  • 我曾經想過把所有其他的CSS「提升」到一個子類(即調整CMS的CSS),但那會涉及很多文件,一些可能的PHP源代碼,而且我寧願不這樣做。

我不認爲這有一個解決方案,但你永遠不知道。

回答

1

您可以給所有包含所見即所得編輯器代碼的div一個類,然後重置該div內的所有內容。

+0

是的,這可能是唯一的方法;不過,我希望有更多的自動化功能,因爲對於我在CMS中某處引入的每個CSS設置,我都必須確保重設器將重設 - 有時重設爲我甚至不知道的默認值。 – 2009-11-13 20:11:02

+0

是的,而且您還需要覆蓋內容區域中的每個元素*,該內容區域也可以匹配其他樣式表規則,並且覆蓋規則需要更大的特異性。真的不行,除非你把所有東西都灑在「重要」的灰塵裏。 – bobince 2009-11-13 23:01:37

2

CSS Reset樣式表可用;你可以修改這些,也許?

0

添加到什麼GSTO說,你可以有一些風格設置類似於

div.clearCss * 
{ 
    property: value !important 
} 

與所有相關的樣式屬性重置。 此樣式應該適用於clearCss設置爲元素的元素下的任何元素,因此您只需將該類應用於父元素即可。

0

您是否在CMS中使用特定的所見即所得編輯器?我發現Telerik RadEditor可以讓你在編輯器的實際編輯區域使用特定的樣式表。您正在使用的編輯器也可以做到這一點。

祝你好運,並希望這有助於。

0

例如,如果您以TinyMCE爲例,他們也使用iframe,我認爲他們有和您一樣的問題。我用它在我的後端和一些第4頁的iframe中。我沒有看到任何性能問題。

使用TinyMCE可以壓縮您需要的功能(在PHP,JSP,.NET和Coldfusion中),這會爲您帶來巨大的快速提升。

想一想,如果你寫自己的所見即所得的編輯器,其他人都經過很好的測試,並有一個非常好的插件幾乎每一個需求的一堆。

相關問題