首页 文章

TinyMCE：从模式窗口中的列表框中获取值

提问于
浏览 次
0

我正在为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 获得了向TinyMCE用户显示的相同文本（每个列表框项目中的文本var） .

我想要的是一种获取 Value 的方法;另外，我想我没有得到正确的方法，甚至没有文本框 . 有人可以帮帮我吗？谢谢 .

javascript wordpress listbox tinymce

2 回答

  • 0

    更好的生成内容的方法是：

    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)
}
    回复于
  • 1

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

    {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类似

    回复于

相关问题