如何更改 TinyMCE 的背景？

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设置允许您指定一个 ccs 文件，该文件将覆盖默认行为 (css)。 这就是要走的路。 您可以使用提供的其他答案中的 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 新鲜。 然后您的编辑区域现在将在白色背景 ( #fff ) 上显示黑色文本 ( #000 )。

Answer 5

将以下代码添加到主题样式表效果很好！

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

我正在为这个拔头发 - 相信我，我没有多余的头发。 ：-） 谢谢！

Answer 6

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

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

Answer 7

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

body{background-color:#595345;}

随心所欲

Answer 8

刚才遇到同样的问题，发现我的问题是因为皮肤（cirkuit）有!important; hack 写这个。

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