在 WordPress 中指定 TinyMCE 编辑器字体颜色？答案

【问题标题】：Specify TinyMCE editor font color in WordPress?在 WordPress 中指定 TinyMCE 编辑器字体颜色？
【发布时间】：2013-08-05 15:04:04
【问题描述】：

我在 WordPress 中使用 TinyMCE，当您在编辑器中键入时，文本的颜色为 #333333 或 rgb(51, 51, 51)。奇怪的是，“选择文本颜色”按钮中的默认颜色是#eeeeee，但是当您在页面加载时键入时，它仍然是#333333。我在functions.php中使用这个函数来设置颜色：

function change_mce_options( $init ) {
    $init['theme_advanced_default_foreground_color'] = '#eeeeee';
    $init['theme_advanced_text_colors'] = 'eeeeee,ff4343,8383cc';
return $init; }
add_filter('tiny_mce_before_init', 'change_mce_options');

如何更改输入到编辑器中的文本的默认字体颜色和字体系列？

【问题讨论】：

您可以尝试使用高级 Tinymce 插件，无需代码
我更喜欢几行代码而不是添加一个新插件。

标签： php css wordpress tinymce

【解决方案1】：

在您的主题根文件夹中创建my-editor-style.css 样式表并将您的样式放在那里：

body#tinymce.wp-editor { 
    font-family: Arial, Helvetica, sans-serif; 
}

body#tinymce.wp-editor a {
    color: #4CA6CF;
}

最后通过在您的functions.php 文件中添加以下钩子来加载此文件：

add_action( 'init', 'wpse8170_add_editor_styles' );
function wpse8170_add_editor_styles() {
    add_editor_style( 'my-editor-style.css' );
}

阅读更多关于 editor styles 的信息。

【讨论】：