从 TinyMCE 对话框中获取输入字段值

all.

我很难弄清楚这一点，这是我第二次需要用tinyMCE做一些事情，但这次我找不到答案。

这就是我想要做的：我在编辑器上添加了一个按钮，用于打开一个带有单个文本输入字段和一个按钮的新弹出窗口。我想单击按钮并获取在输入字段中设置的值，然后使用该值修改编辑器中的内容。

这是我到目前为止所拥有的 - 只有相关代码：

    init : function( ed, url ) {
        ed.addCommand( 'mceTooltip', function() {
            ed.windowManager.open({
                file: 'imageurl.html',
                width: 480,
                height: 180,
                inline: 1,
                title: 'Please enter an image URL'
            }, {});
        });
    }

这是 imageurl.html 的内容：

<input type="text" id="image-url" />
<input type="button" id="submit-image-url" value="Ok" />

因此，我需要做的是每当我单击“确定”按钮时获取“image-url”文本输入，并在编辑器中使用该文本。我知道我可以使用 ed.selection.setContent( fieldValue ) 它会将我选择的文本替换为 image-url 值，我只是不知道如何获取 image-url 值。

我能找到的最详细的信息是http://www.tinymce.com/wiki.php/How-to_implement_a_custom_file_browser http://www.tinymce.com/wiki.php/How-to_implement_a_custom_file_browser但我无法让它满足我的需求。 有人可以帮我解决这个问题吗？我确信对于在这方面有更多经验的人来说应该很简单。

感谢大家的关注。

更新了 imageurl.html **

好吧，这应该没那么难。

在 imageurl.html 底部的脚本标签中发出此问题，或使用文档就绪的 javascript 函数。下面将向您的按钮添加一个 onclick 处理程序，该处理程序将获取 image_url 并将其写入 tinymces 选择。

$('#submit-image-url').bind('click', function(){
    var image_url = $('#image-url').val();

    // in case you are using a real popup window
    window.opener.tinymce.activeEditor.selection.setContent(image_url);

    // in case you use a modal dialog
    tinymce.activeEditor.selection.setContent(image_url);
});