如何更改可视化编辑器的背景颜色？

时间：2011-08-08 作者：Ryan Hayes

我有一个Wordpress网站，背景颜色是黑色，文本是白色。该网站很好，但在视觉编辑器中编辑内容是一件痛苦的事，因为背景是白色的（与文本颜色相同）。最后，我不得不告诉用户使用HTML视图或用黑色文本编写内容，最后只需选择所有文本并将其翻转为白色（在这种情况下，他们中的许多人会感到害怕，认为他们的文本现在已被删除！）

How do I change the background color of the editor to black (or any other color) so that the content can be readable if the text color is to be white?

2 个回复
最合适的回答,由SO网友:Michael 整理而成

与GavinR的答案类似，使用wordpressadd_editor_style() 作用（2010年和2011年实施）

在函数中。主题的php，添加：

add_editor_style();
然后创建编辑器样式。主题文件夹中的css：

.mceContentBody.wp-editor {     
  background-color: #000;
  color: #fff; 
}

SO网友:GavinR

首先，在主题目录中添加一个CSS文件（我称之为tiny.CSS）。然后将以下内容添加到主题的函数中。php：

// Add custom styles to TinyMCE editor
if ( ! function_exists(\'tdav_css\') ) {
    function tdav_css($wp) {
        $wp .= \',\' . get_bloginfo(\'stylesheet_directory\') . \'/tiny.css\';
        return $wp;
    }
}
add_filter( \'mce_css\', \'tdav_css\' );
最后，将此CSS添加到tiny。css

.mceContentBody.wp-editor {
    background-color:#000000;
}
。。。将#000000替换为HTML color code 你想要什么颜色的。

结束
标签： visual-editor   小码农  

相关推荐