javascript - 選択時にTinyMCEウィンドウにリストボックスを表示する方法

原文 javascript listbox wordpress tinymce

TinyMCEウィンドウに非表示のリストボックスを表示しようとしています。ユーザーがオプションを選択した後にリストボックスを表示したい。現在、onselect関数で別のポップアップウィンドウを表示するようになっています。これが私がこれまで持ってきたものです。

tinymce.PluginManager.add('newbutton', function( editor, url ) {
    editor.addButton( 'newbutton', {
        title: 'Button',
        text: 'Here is the button',
        onclick: function() {
            editor.windowManager.open({
                title: 'Choose From Listbox 1',
                body: [
                    {
                        type: 'listbox',
                        name: 'vals',
                        label: 'Choose Vals',
                        values: listvals,
                        onselect: function(e){
                            //I want to show another listbox on the same body 
                            editor.windowManager.open({
                                title: 'Choose',
                                body: [
                                    {
                                        type: 'listbox',
                                        name: 'List',
                                        label: 'Choose Style:',
                                        values: fonts,
                                        onselect: function(e){
                                            style = this.value();

                                        }
                                    }
                                ]

                            })
                        }
                    }
                ],
                onsubmit: function(e){

                }
            })
        }
    });
});

私は同じ機能を望みますが、別のウィンドウを開くのではなく、その同じウィンドウに2つ目のリストボックスを表示したいだけです。

答え

それを達成するには、リストボックスをエディターのツールバーにネストし、その変更イベントを関数にバインドする必要があります(他の場所にアタッチしたくない場合は、ツールバーが属するべき場所である可能性が高いです)。例:Guide to Creating Your Own WordPress Editor Buttons

関連記事