tinymce.WPWindowManager 已弃用。如何在 TinyMCE 4 和 WordPress 3.9 中使用默认的 editor.windowManager？

Question

我有一个 TinyMCE 插件，它使用以下代码打开一个弹出窗口：

editor.windowManager.open({
    id : 'popin-div-id',
    width : 500,
    height : "auto",
    wpDialog : true,
    title : 'Edit Options'
});

自从我更新到 WordPress 3.9（嵌入了 TinyMCE 4）后，我在控制台中收到以下错误：

tinymce.WPWindowManager is deprecated. Use the default editor.windowManager to open dialogs with inline HTML. 

如果我从上面的代码中删除“wpDialog : true”部分，我的 popin 将不再出现（没有错误）。

要在 TinyMCE 4 中使用默认的 windowManager，我需要进行哪些更改？我检查了他们的网站，但找不到有关从 div 中打开 popin 的文档，但只能从外部 HTML 页面中找到，请参阅：

• http://www.tinymce.com/wiki.php/Tutorial:Migration_guide_from_3.x
• http://www.tinymce.com/wiki.php/Tutorials:Creating_custom_dialogs
• http://www.tinymce.com/wiki.php/api4:class.tinymce.WindowManager

Answer 1

我遇到了同样的问题。 TinyMCE 文档没有帮助，WordPress 文档也是如此。我必须深入研究 TinyMCE 代码，才能弄清楚如何让我的简单自定义弹出窗口再次工作。

回答

使用html 键在传递给windowManager.open 的对象中定义您的html。下面，我使用 jQuery 来选择一些我通过挂钩到 WordPress after_wp_tiny_mce 操作放置在页面上的 html。

tinymce.activeEditor.windowManager.open({
    title: ed.getLang('mm_tiny_mce.element_attributes'),
    width : 300,
    height : 300,
    html :
        '<div id="mm-attrs-pop" class="mm-tinymce-popup" tabindex="-1">' +
            jQuery('#mm-attrs-pop-tpl').html() +
        '</div>',
    buttons: [
        {
            text: 'Cancel',
            onclick: 'close'
        },
        {
            text: 'Set Attributes',
            onclick: function(){
                //some code here that modifies the selected node in TinyMCE
                tinymce.activeEditor.windowManager.close();
            }
        }
    ]
});

相关的 TinyMCE 代码在 classes/ui/Window.js 中，特别是 renderHTML 属性。 https://github.com/tinymce/tinymce/blob/master/js/tinymce/classes/ui/Window.js

希望对您有所帮助。干杯，克里斯