wordpress 3.5 tinymce height

时间:2013-03-29 作者:frabiacca

我刚刚将wordpress升级到3.5版本,我注意到TinyMCE高级编辑器没有以前那么高了。

如何更改默认的tinyMCE高度?

UPDATE

这是我要渲染的部分的屏幕截图,高于默认值

enter image description here

5 个回复
SO网友:Overdose

@弗拉比亚卡:我不确定你指的是工具栏菜单,如显示的圆圈B或书写位置的高度。如果是后者,您可以:

抓取右下角或文本区域,或单击编辑器的全屏按钮,即可轻松完成此操作:D

以编程方式进行

codex.wordpress.org/TinyMCE

function wptiny($initArray){
    $initArray[\'height\'] = \'600px\';
    return $initArray;
}
add_filter(\'tiny_mce_before_init\', \'wptiny\');
但这似乎不起作用,尽管它应该

SO网友:Circle B

要增加所见即所得的实际编辑区域的高度,请将此代码添加到函数中。php文件:

add_action(\'admin_head\', \'content_textarea_height\');
function content_textarea_height() {
    echo\'
    <style type="text/css">
            #content{ height:1000px !important; }
    </style>
    \';
}
要在tinyMCE中显示所有选项,需要单击厨房水槽按钮:

enter image description here

SO网友:Fred F.

如果编辑器的高度在使用后已更改qtranslate plugin (仅在这种情况下),在函数中使用以下代码。php文件:

// fix editor height problem with qtranslate
add_action(\'admin_head\', \'content_textarea_height\');
function content_textarea_height() {
    echo\'
    <style type="text/css">
        #qtrans_textarea_content_ifr{ height:420px !important; }
    </style>
    \';
}

SO网友:MediaVince

要添加屏幕截图上显示的所有按钮,您可以通过专门化要查看的图标和位置预先设置tiny,请查看wp-includes/class-wp-editor.php

您可以这样做(重用@user29296建议的答案),在标题的每一行上指定您想要的按钮(我只使用了几个图标,但您可以在键1、3和4上添加任何需要的内容!!而不是2,因为它不会显示…)

function wptiny($initArray)
{
    $initArray[\'editor_height\'] = \'360\';
    $initArray[\'theme_advanced_buttons1\'] = \'bold,italic,underline\';
    // key 2 won\'t show, so not needed, hence we use wp_adv to show others by default
    $initArray[\'theme_advanced_buttons2\'] = \'wp_adv\';
    $initArray[\'theme_advanced_buttons3\'] = \'justifycenter,justifyright\';
    $initArray[\'theme_advanced_buttons4\'] = \'link,unlink,undo,redo\';
    return $initArray;
}
add_filter(\'tiny_mce_before_init\', \'wptiny\');
关于编辑器的高度,这里有一个更通用的方法,它将响应所有需要,无论您应用的是什么id或类(也适用于textareas数组)

function admin_custom_css()
{
    $data = \'
        .wp-editor-container textarea.wp-editor-area,.mceIframeContainer iframe{
            min-height:360px !important;
        }
    \';
    $data = \'<style type="text/css">\'.$data.\'</style>\';

    echo $data;
}
add_action(\'admin_head\', \'admin_custom_css\' );

SO网友:Jon Harvey

我把这个添加到我的CSS中,它对我很有用。

iframe#name_of_iframe_id {min-height: 450px; !important;}

结束

相关推荐

如何在通过AJAX添加的wp_EDITOR中从tinyMCE中删除按钮

我创建了一个使用标准编辑器的自定义帖子类型插件。同样在页面上,我有一个按钮,可以弹出一个jQuery对话框,其中还包含用创建的tinyMCE编辑器wp_editor. 我想修改工具栏上的按钮列表,但仅限于第二个编辑器(对话框中的编辑器)。下面是我现在得到的:class MyPlugin { function MyPlugin() { // AJAX action that instantiates the second editor add