TinyMCE Stylesheets的布局

Question

我正在使用fullpage插件：

我正在尝试为我的用户创建一种方式来选择多个布局（我有大约6个布局），在布局中我有不同 我想要的CSS规则，例如背景颜色

所以在我的布局中（这只是一个简洁的例子）我有

<style>
body{background-color:red}
</style>
and then my layout.....

<style>
body{background-color:green}
</style>
and then my layout.....

你明白了;），（我想使用样式表，但这似乎也不起作用。）

如果我进入编辑器并选择布局，它看起来很棒，直到我点击保存。 它从编辑器返回的值中删除（我保存到数据库）。

我尝试过多种方法：

如果在布局中我这样做：

<style><!--Start Style-->
body{background-color:red}
<!--End Style--></style>

然后我的布局......

当用户选择布局时，不显示背景颜色，但这是：

body{background-color:red} body{background-color:red}

但是当我保存它时可以正确保存???。

我将此作为我的设置

valid_elements : "*[*]",  
extended_valid_elements: "style[type]",

我尝试了多种方法，通过tinyMCE的文档和谷歌搜索找了很长一段时间，没有运气。

任何人都可以解决或建议更好的方法（我们的想法是只让他们选择一个布局，这将完成所有背景颜色和布局）？

提前致谢！

Answer 1

您应该为您的内容创建自己的css文件（配置设置 content_css ），并将所需的类添加到格式配置参数。如果你使用样式插件，用户可以从样式下拉列表中选择类，一切都应该没问题。