如何更改视觉编辑器的背景颜色?


8

我有一个Wordpress网站,其中背景色为黑色,文本为白色。该站点很好,但是由于背景为白色(与文本颜色相同),因此尝试在可视化编辑器中编辑内容很麻烦。我最终不得不告诉用户使用HTML视图或将内容写成黑色文本,然后最后只选择所有文本并将其翻转为白色(在这种情况下,他们中的许多人都吓跑了,认为他们的文本是现在已删除!)

如何将编辑器的背景颜色更改为黑色(或其他任何颜色),以便在文本颜色为白色时可以读取内容?


+1表示好问题,+ 1表示好答案!
brasofilo 2012年

Answers:


3

与GavinR的答案类似,使用wordpress add_editor_style()函数;(在二十一二十一中实施)

在主题的functions.php中,添加:

add_editor_style();

然后在主题文件夹中创建editor-style.css:

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

5

首先,在主题目录中添加一个CSS文件(我称其为tiny.css)。然后将以下内容添加到主题的functions.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颜色代码


WP黑客的第一法则-永远不要编辑核心文件。第一人称发布再整编辑得到我的投票正确的方式..
t31os

好点!我已对此进行了修改,因此它不会修改核心WordPress文件。
GavinR 2011年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.