tinyMCE插件访问元素

Question

我试图编写一个tinymce插件，所以我在http://www.tinymce.com/上签出了“创建插件”教程。 插入和替换内容没问题，一切正常。

现在，我想在更改列表框的值后自动更改文本框的值。 例如，更改列表框元素后，应将活动元素的值写入上方的文本框。 如何访问此元素？

tinymce.PluginManager.add('myexample', function(editor, url)  {
// Add a button that opens a window
editor.addButton('myexample', 
{
    text: 'Example',
    onclick: function() 
    {
        // Open window
        editor.windowManager.open({
            title: 'Example Plugin',
            body: [
                // Text
                {type: 'textbox', name: 'title', label: 'Text', value: 'temp'},
                // Listbox
                {type: 'listbox', name: 'test', label: 'Ziel', 
                    'values': 
                    [
                        {text: 'Eins', value: '1'},
                        {text: 'Zwei', value: '2'}
                    ],                  
                    onselect: function(v) 
                    {
                        console.log(this.value());

                        // CHANGE THE VALUE OF THE TEXTBOX ...
                        // ????
                    }
                }
            ],
            onsubmit: function(e) 
            {
                console.log(e.data.title, e.data.test);
            }
        });
    }
});

}）;

Answer 1

我知道这是一个古老的问题，但是我也遇到了同样的问题，因此我在另一个节省了时间的论坛中找到了这个答案 。

标准的tinymce方法是将弹出窗口保存在变量中：

var win = editor.windowManager.open({ //etc

然后访问元素：

win.find('#text'); // where text is the name specified

我希望这可以在将来对其他人有所帮助。

Answer 2

现在我找到了解决方案。 最好的方法是不要使用内部表单设计器。 您可以将IFrame与外部html页面一起使用，然后可以使用document.getElementById(...)

在这里你可以找到一个例子