TinyMCE 4.x editor.windowManager.open自动滚动和溢出问题

时间:2014-07-10 16:17:29

标签: tinymce-4 wordpress-3.9

我对editor.windowManager.open的TinyMCE 4.x自定义插件js有疑问。 我使用autoScroll:true,height:500,width:800和更多参数,但只有高度和宽度才能生效。 我可以看到滚动条,但它不起作用,并且可以看到正文内容。

editor.windowManager.open( {
     autoScroll: true,
     height: 500,
     width: 800,
     resizable : true,

2 个答案:

答案 0 :(得分:3)

我遇到了同样的问题。这是因为wordpress在editor.min.css中添加了以下规则:

    .mce-window .mce-container-body.mce-abs-layout {
        overflow: visible;
    }

要修复它,只需在窗口中添加一个类:

var win = editor.windowManager.open( {
    autoScroll: true,
    width: 670,
    height: 500,
    classes: 'myAwesomeClass-panel'
});

用一些css定位它:

.mce-window.mce-container.mce-myAwesomeClass-panel .mce-container-body.mce-abs-layout {
    overflow: hidden;
}

在面板中添加一个类并仅将css应用于此类可能会阻止对内置wp内容的任何干扰。

答案 1 :(得分:0)

我也有同样的问题,但我通过在css位置使用以下代码更改来解决它:wp-includes / css / editor.min.css

.mce-window .mce-container-body.mce-abs-layout{
    overflow: auto;
 }