如何改变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像这样添加到init:

<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

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

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