如何在Wordpress的微小mce编辑器上启用水平滚动?

时间:2012-06-18 22:39:47

标签: wordpress tinymce scrollbar

我正在WP中构建一个客户端站点,并设法获得页面/帖子编辑器 使用在网站前端使用的相同样式。

我唯一剩下的问题是 - 默认情况下,编辑器会在垂直方向滚动 内容扩展到iframe中的可查看窗口。我怎么能得到它 还水平滚动?

我的内容区域宽度为962px,我希望我的客户能够看到他的页面 是在wp-admin中进行编辑,因为它会在前端看到。

1 个答案:

答案 0 :(得分:2)

首先你可以在wordpress的“书写”设置中做到这一点(邮箱X行的大小)

第二 - 你有一个按钮让编辑器全屏(所以你的客户可以使用它来更好地预览..

第三 - 你可以把它放在functions.php

    function change_wysiwyg_height() {
    echo ‘ <style type="text/css">
    #content{ height:500px; } // put whatever
    </style>
    ‘;
    }


add_action(‘admin_head’, ‘change_wysiwyg_height’);

在同一功能中,您还可以进行其他css更改

更新我

阅读评论后 -

如果你更容易理解/做:

添加:

add_editor_style('tiny.css'); //you can change the name and / or path , as long as it correlates to the real file

到你的functions.php

然后在主题目录中创建一个名为tiny.css(或其他)的文件并将其放入:

html .mceContentBody {
        width: 9999px; // whatever improbable size you want
}