Javascript Wordpress TinyMCE向弹出窗体添加说明

我一直在为wordpress中的TinyMCE编辑器创建自定义按钮，它们链接到短代码，单击后会打开一个弹出窗口，用户可以在其中填写给定短代码的参数。这一切都很好，但是我觉得它需要更多的用户指导，所以我想在每个参数下的弹出窗口中添加一个描述

下面是一个处理弹出窗口的javascript示例—您将看到它创建了一个包含5项的下拉列表，供用户选择

(function() {
tinymce.PluginManager.add('skizzar_container', function( editor, url ) {
    editor.addButton( 'skizzar_container', {
        title: 'Add a Container',
        icon: 'icon dashicons-media-text',
        onclick: function() {
editor.windowManager.open( {
    title: 'Container',
    body: [{
        type: 'listbox',
        name: 'style',
        label: 'Style',
        'values': [
            {text: 'Clear', value: 'clear'},
            {text: 'White', value: 'white'},                
            {text: 'Colour 1', value: 'colour1'},
            {text: 'Colour 2', value: 'colour2'},
            {text: 'Colour 3', value: 'colour3'},
        ]
    }],
    onsubmit: function( e ) {
        editor.insertContent( '[container style="' + e.data.style + '"]<br /><br />[/container]');
    }
});
}

    });
});
})();

（函数（）{
tinymce.PluginManager.add（'skizzar_container'，函数（编辑器，url）{
editor.addButton（'skizzar_container'{
标题：“添加容器”，
图标：“图标dashicons媒体文本”，
onclick:function（）{
编辑器.windowManager.open（{
标题：“容器”，
正文：[{
键入：“列表框”，
名称：'样式'，
标签：“样式”，
“价值观”：[
{text:'Clear'，value:'Clear'}，
{文本：'White'，值：'White'}，
{文本：'color1'，值：'color1'}，
{文本：'color2'，值：'color2'}，
{文本：'color3'，值：'color3'}，
]
}],
提交人：函数（e）{
editor.insertContent（“[container style=“”+e.data.style+”]

[/container]”）；
}
});
}
});
});
})();

---

我想做的是在下拉列表下面添加一些描述文本-如何实现这一点？

在选择列表之后，您可以添加一个容器并将html放入其中

editor.windowManager.open( {
title: 'Container',
body: [{
    type: 'listbox',
    name: 'style',
    label: 'Style',
    'values': [
        {text: 'Clear', value: 'clear'},
        {text: 'White', value: 'white'},                
        {text: 'Colour 1', value: 'colour1'},
        {text: 'Colour 2', value: 'colour2'},
        {text: 'Colour 3', value: 'colour3'},
    ]
} /*add in the following with the comma */ ,
{   type: 'container',
    html: '<p>Enter your Text here</p>'
    }
],
onsubmit: function( e ) {
    editor.insertContent( '[container style="' + e.data.style + '"]<br /><br />[/container]');
}

editor.windowManager.open（{
标题：“容器”，
正文：[{
键入：“列表框”，
名称：'样式'，
标签：“样式”，
“价值观”：[
{text:'Clear'，value:'Clear'}，
{文本：'White'，值：'White'}，
{文本：'color1'，值：'color1'}，
{文本：'color2'，值：'color2'}，
{文本：'color3'，值：'color3'}，
]
}/*用逗号*/*添加以下内容：，
{类型：'容器'，
html:“在此处输入文本
”
}
],
提交人：函数（e）{
editor.insertContent（“[container style=“”+e.data.style+”]

[/container]”）；
}

为什么不将中的描述添加到文本参数中？因为这看起来不太方便用户-文本本质上是所使用的短代码的说明，即“您可以在外观>自定义菜单中编辑不同的颜色”-这在下拉菜单中看起来不太好