TinyMCE:从模态窗口中的列表框中获取值

时间:2017-07-05 15:52:25

标签: javascript wordpress listbox tinymce

我正在为Wordpress创建一个TinyMCE插件。它有textboxlistbox字段,都保留在模态窗口中。 代码如下:

(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
                        }
                    })
                }
            });
    }
)

我的问题是如何获得字段值。我所做的工作与textboxn1方法中的onsubmit() var)相得益彰,但listbox获得了向TinyMCE用户显示的相同文本(每个列表框项目中的text var。

我想要的是一种获取价值的方法;另外,我想我没有得到正确的方法,甚至没有文本框。有人可以帮帮我吗?谢谢。

2 个答案:

答案 0 :(得分:1)

生成内容的更好方法是:

def restart_program():
    python = sys.executable
    os.execl(python, python, * sys.argv)

答案 1 :(得分:0)

我自己解决了:我必须为我的所有领域命名:

    {type: 'textbox', name: 'Field', label: 'Number', value: '', tooltip: 'Tooltip', maxLength: 3, classes: 'i1n'}, //textbox
    {type: 'listbox', name: 'Listbox', label: 'Listbox', classes: 'i1lb', values: [
        {text: '', value: ''},
        {text: 'Number', value: 'lone_number'},
        {text: 'Bar', value: 'bar'},
    ]

此时,为了生成我的内容,我得到了这样的价值:

onsubmit: function (e) {
    e.data.Field;
    e.data.Listbox;
}

并用它来写入TinyMCE textarea。要获得值,我必须以这种方式修改文本框字段:

{type: 'textbox', name: 'Field', label: 'Number', value: '', tooltip: 'Tooltip', maxLength: 3, classes: 'i1n', value: ed.selection.getContent()}

与listbox类似