Question

我刚为我的网站安装了TinyMCE编辑器。但默认背景为黑色，文本颜色为灰色。任何人都可以告诉我如何将背景更改为白色，将文本颜色更改为黑色。

Answer 1

或者您可以使用js更改颜色：

tinyMCE.init(
        mode : "textareas",
        theme : "simple",
        oninit : "postInitWork"
    });

function postInitWork()
{
  var editor = tinyMCE.getInstanceById('myEditorid');
  editor.getBody().style.backgroundColor = "#FFFF66";
}

Answer 2

我强烈建议您使用tinymce配置来影响tinymce中的样式，而不是摆弄核心css文件。

有content_css设置允许您指定将覆盖默认行为（css）的ccs文件。这是要走的路。您可以使用提供的其他答案中的CSS。

Answer 3

添加BODY_CLASS初始化为：

<script type="text/javascript">
tinyMCE.init({
    mode: "textareas",
    theme: "advanced",
    theme_advanced_buttons1: "bold,italic,underline",
    theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",
    theme_advanced_default_foreground_color: "#FFFFFF",
    body_class: "mceBlackBody"
});
</script>

在正确主题的content.css中，只需添加以下条目：

body.mceBlackBody {background:#000; color:#fff;}

这将使主体变黑并且编辑器中的文本为白色

Answer 4

TinyMCE可能正在使用您网站的主样式表。在这种情况下，它是黑色背景上的灰色文字。

您需要做的就是将此样式添加到主样式表中：

body.mceContentBody { 
   background: #fff; 
   color:#000;
}

然后硬盘清除缓存或重新启动会话，以便TinyMCE将新加载CSS。然后，您的修改区域将在白色背景（#000）上显示黑色文字（#fff）。

Answer 5

将以下代码添加到主题样式表中非常有效！

body.mceContentBody { 
   background: #fff; 
   color:#000;
}

我正在把头发拉出来 - 相信我，我没有头发。 :-)谢谢！

Answer 6

http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/editor_css

在不知道您的网站配置细节的情况下，我猜测它正在尝试加载一些css文件。查看配置文档。您可能需要添加或修改一些CSS（如果已经加载了一些CSS）。

Answer 7

刚才进入同一个问题，发现我的问题是因为皮肤（cirkuit）有!important;黑客写这个。

html, body {
    background: #FFFFFF !important;
    margin: 0;
    padding: 0;
}

Answer 8

我建议您更改位于主题目录中的css文件content.min.css。更改

的定义

body{background-color:#595345;}

任何你想要的东西

如何改变TinyMCE的背景？

8 个答案: