2009-11-05 146 views
0

我面臨TinyMCE的問題。關於TinyMCE內容的問題CSS

我開發我的網站的管理方,其中管理員可以編輯的網頁內容的功能。我已經爲他們提供了TinyMCE。

假設他們正在編輯頁面'page1'。

他們將提供其在TinyMCE的內容,並保存它。

當有人訪問該頁面「第1頁」所有我做的是:

<html> 
     <head>.........</head> 
     <body> 
      ....... 
      <div class='page_content'> 
       <?php echo $page1->getContent(); ?> 
      </div> 
      ...... 
     </body> 
    </html> 

一切工作正常。

現在,TinyMCE的提供了一個功能,您會告訴它使用的CSS。您將所需的CSS設置爲TinyMCE init函數的'content_css'屬性。

我這樣做,我提供我使用的樣式我的頁面內容將CSS。現在

,我的問題是這樣的:

我的頁面的內容是div.page_content。但是在TinyMCE中,這個頁面的內容沒有任何其他的東西(任何div.page_content)。所以當我編輯它時,TinyMCE應用於我的內容的風格並不具有視覺效果。

的唯一途徑,這是我能想到的,解決這個問題是告訴TinyMCE的在頂部添加

<div class='page_content'> 

。然後,當管理員提交數據時,我會剝去這個額外的div。

有什麼建議嗎?

回答

0

我會解決這個問題的方法是將類「mceContentBody」添加到CSS定義中,並使用逗號作爲分隔符。例如:

.page_content, .mceContentBody { 
    put your code here.. 
} 
+0

好戲。但它需要我們改變我們的CSS許多事情。假設我們有很多子CSS定義,它們是通過引用.page_content選擇的(例如:.pageContent div.abc h1)。你將不得不改變每一個這樣的事件。 – 2009-11-06 14:12:38

1

有一個在TinyMCE的配置稱爲 'body_class' 的選項。你只需要添加「body_class ='page_content'」