javascript - TinyMCE:从模式窗口中的列表框中获取值

Question

我正在为 Wordpress 创建一个 TinyMCE 插件。它有一个 textbox 和一个 listbox 字段，两者都位于模式窗口中。代码如下:

(function () {
    tinymce.create('tinymce.plugins.windowdata', {
        init : function(ed, url) {
            ed.addButton('showModal', {
                title: 'Show Modal',
                image: url + '/img/button.png',
                onclick: function () {
                    ed.windowManager.open({
                        title: 'Minestra',
                        body: [
                            {type: 'textbox', name: 'Field', label: 'Number', value: '', tooltip: 'Tooltip', maxLength: 3, classes: 'i1n'}, //textbox
                            {type: 'listbox', label: 'Listbox', classes: 'i1lb', values: [
                                {text: '', value: ''},
                                {text: 'Number', value: 'lone_number'},
                                {text: 'Bar', value: 'bar'},
                            ]}, //listbox
                        ],
                        onsubmit: function () {
                            var n1 = document.getElementsByClassName('mce-i1n')[0].value; //textbox value
                            var t1 = document.getElementsByClassName('mce-i1lb')[0].getElementsByTagName('button')[0].getElementsByClassName('mce-txt')[0].innerHTML; //listbox value

                            ed.execCommand('mceInsertContent', 0, n1+' is of type '+t1) //write contents
                        }
                    })
                }
            });
    }
)

我的问题是如何获取字段值。我所做的与 textbox (onsubmit() 方法内的 n1 var)配合得很好，但 listbox code> 获取向 TinyMCE 用户显示的相同文本(每个列表框项中的文本变量)。

我想要的是一种获取值的方法；另外，我想我没有找到正确的方法来做到这一点，即使使用文本框也是如此。有人可以帮助我吗？谢谢。

Answer 1

生成内容的更好方法是:

onsubmit: function (e) {
    // Insert content when the window form is submitted
              e.insertContent('Textbox content: ' + e.data.Field);
              e.insertContent('Listbox content: ' + e.data.Listbox)
}