WordPress的tinymce编辑器高度错误

Question

屏幕截图显示了问题：工具栏/内容高度。

tinymcse相关代码：

// wordpress plugin:

add_filter('admin_head', array($this, 'editor_tiny_mce'));
add_filter('tiny_mce_before_init', array($this, 'change_mce_options'));

function editor_tiny_mce()
{
    wp_enqueue_script('common');
    wp_enqueue_script('jquery-color');
    wp_print_scripts('editor');
    if (function_exists('add_thickbox'))
    {
        add_thickbox();
    }
    wp_print_scripts('media-upload');
    if (function_exists('wp_tiny_mce'))
    {
        wp_tiny_mce();
    }
    wp_admin_css();
    wp_enqueue_script('utils');
    do_action("admin_print_styles-post-php");
    do_action('admin_print_styles');
}

function change_mce_options($init)
{
    $init['height'] = '480px'; // this not works
    return $init;
}

// html code

<?php
echo the_editor(stripslashes($pages_about_us_content), 'pages_about_us_content');
?>

我也尝试使用以下代码解决它：

$("iframe[id$='_ifr']").height(500); // this not works

因为所有tinymce帧都以_ifr结尾，但没有运气。 仅当编辑器仅显示一个工具栏时，才会出现这种情况。

请任何建议，欢迎。

Answer 1

尝试此操作（仅将此代码段添加到functions.php中，仅用于编辑器的工具栏大小）

add_filter('admin_head', 'editor_tiny_mce');
function editor_tiny_mce(){
?>
    <style>
    table td.mceToolbar{
      height:100px !important;
    }
    </style>
<?php
}

屏幕截图的高度为200px，您也可以尝试height:auto !important; 注意：也可以使用“ wp_enqueue_style”函数使用此代码将css文件放入队列。