布局中的 TinyMCE 样式表

Question

我正在使用整页插件：

我正在尝试为我的用户创建一种选择多个布局的方式（我有大约 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）并将所需的类添加到 formats 配置参数。如果您使用 style 插件，用户可以从 style-drop-down 中选择类，一切都应该没问题。