javascript - 似乎无法从自定义插件关闭 tinymce 4 弹出窗口

Question

我在 tinyMCE 4 中创建了一个自定义插件。它会弹出一个模态窗口并在所述目录中显示图像。您选择图像，然后将其添加到内容并关闭弹出窗口。我可以将图像插入到内容中，但我似乎无法关闭弹出窗口。我尝试了很多不同的方法，但都不起作用。

我得到的一个错误是:

Uncaught TypeError: Cannot read property 'win' of undefined

当前代码如下:

插件:

tinymce.PluginManager.add('imageuploads', function(editor, url) {
// Add a button that opens a window
editor.addButton('imageuploads', {
    text: 'Insert Image',
    icon: false,
    onclick: function() {
        // Open window
        editor.windowManager.open({
            title: "Insert Uploaded Image",
            url: 'insertimage.php',
            width: 700,
            height: 600,
            inline: true,
            close_previous: "yes"
        });
    }
});
});

插件文件:

$(document).ready(function(){
    $('#submit-image-url').bind('click', function(){
        var image_url = $('.image_choice:checked').val();
        var insert_url = '<img src="/editor/uploads/' + image_url + '">';

        parent.tinymce.activeEditor.selection.setContent(insert_url);
        parent.tinymce.activeEditor.windowManager.close(this);
    });
});

在此之前有一些 HTML，但它只是用单选输入列出的图像以确定选择哪一个。插入有效，但我似乎无法关闭弹出窗口。

任何帮助将不胜感激!谢谢!

错误来自第 22746 行的 tinymce.js，因此调用了 close() 方法。它只是出于某种原因看不到弹出窗口。

Answer 1

我用以下方法修复了它:

var ed = parent.tinymce.editors[0];
ed.windowManager.windows[0].close();

所以，现在我的 jQuery 代码如下所示:

$('.image_choice').bind('click', function(){
    var image_url = $('.image_choice:checked').val();
    var insert_url = '<img src="/editor/uploads/' + image_url + '">';

    parent.tinymce.activeEditor.selection.setContent(insert_url);

    var ed = parent.tinymce.editors[0];
    ed.windowManager.windows[0].close();
});

我希望这对遇到同样问题的人有所帮助。这个问题让我困惑了几天。