tinymce-4 - TinyMCE 4.x editor.windowManager.open autoscroll and overflow issue

Question

I am having problem with TinyMCE 4.x custom plugin js for editor.windowManager.open. I used autoScroll: true, height: 500, width: 800 and few more parameters but only height and width gets effect. I can see the scrollbar but it doesn't work and body content are visible.

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

Answer 1

我有同样的问题。这是因为 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 内容的任何干扰。

Answer 2

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

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