在深色背景下使用TinyMCE

Question

我在我的Django网站上使用django-tinymce。通过管理界面，可以编辑一个叫做SimplePage的对象，这个对象里有一个tinymce.models.HTMLField。网站的访问者可以在页面的内容区域看到渲染出来的html。

问题是，网站本身的背景是深色的，而TinyMCE的文本框背景是白色的。默认情况下，文本似乎没有颜色，这样是可以的（在TinyMCE里看起来是黑色的，而在网站上则是白色的），但有时候文本会被设置成黑色，这样在网站上就会显示成黑色，导致看不清楚。

有什么好的办法来解决这个问题吗？

Answer 1

通常在一个富文本编辑器中，你会指定一个样式表（可以是原页面的样式表或者它的变种）作为编辑器的样式表。这样一来，所有基本的文本特性（比如大小、字体、颜色和背景颜色）就能真正做到所见即所得。

我觉得这就是答案：

选项：content_css

这个选项让你可以指定一个自定义的CSS文件，用来扩展主题内容的CSS。这个CSS文件就是在编辑器（可编辑区域）中使用的。这个选项也可以是一个用逗号分隔的URL列表。

如果你指定的是相对路径，它是相对于包含TinyMCE的（HTML）文件的URL来解析的，而不是相对于TinyMCE本身。

Answer 2

你可以通过 content_css 设置来自定义可编辑区域的CSS样式，具体可以参考这个链接：http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/content_css

这个方法同样适用于django-tinymce，只需要在你的django设置中调整 TINYMCE_DEFAULT_CONFIG：

TINYMCE_DEFAULT_CONFIG = {
    # your other settings
    'content_css': '/media/css/main.css',
}