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

时间：2014-04-28 作者：Andreas W.

我正在使用Wordpress和theme 2011以及“Jetpack Markdown”扩展。当您使用“Jetpack Markdown”扩展时，您不能使用可视化编辑器，因此我使用的是非可视化纯文本编辑器。而且，我无法忍受纯白的背景，因为纯白的背景让我头疼。

因此，我需要更改非可视纯文本编辑器及其全屏伴奏的背景色。

我尝试添加此

function my_theme_add_editor_styles() {
    add_editor_style( \'editor-style.css\' );
}
add_action( \'init\', \'my_theme_add_editor_styles\' );
给我的functions.php 并使用editor-style.css 使用此内容：

body { padding: 0; background: #ddf; }
但遗憾的是，这只会改变可视化编辑器的背景色。如何更改非可视编辑器的背景色。

1 个回复
SO网友:TheDeadMedic

您需要针对#content 选择器，但在页面范围内（编辑器样式加载在微小的MCE iframe中，这就是为什么它不会影响非可视编辑器）。

您可以在管理头中打印样式，也可以使用外部样式表：

function wpse_142641_text_editor_styles( $hook_suffix ) {
    if ( $hook_suffix === \'post.php\' || $hook_suffix === \'post-new.php\' ) {
        // Either enqueue external stylesheet
        // wp_enqueue_style( \'my-editor\', get_template_directory_uri() . \'/text-editor.css\' );

        // OR print out to <head />
        echo \'<style>
    #content {
        background-color: #000;
        color: #fff;
    }
</style>\';
    }
}

add_action( \'admin_enqueue_scripts\', \'wpse_142641_text_editor_styles\' );

结束
标签： html-editor   小码农  

相关推荐