关于TinyMCE内容CSS的问题

时间:2009-11-05 10:39:18

标签: php javascript tinymce

我遇到了TinyMCE的问题。

我正在我网站的管理方面开发一个功能,管理员可以在其中编辑页面内容。为此,我为他们提供了TinyMCE。

假设他们正在编辑Page'page1'。

他们将在TinyMCE中提供其内容并保存。

当有人访问该页面时,我正在做的就是:

  <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。

有什么建议吗?

2 个答案:

答案 0 :(得分:1)

TinyMCE配置中有一个名为'body_class'的选项。你只需要添加“body_class ='page_content'”

答案 1 :(得分:0)

我要解决这个问题的方法是将类“mceContentBody”添加到CSS定义中,并使用逗号作为分隔符。例如:

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