javascript - 如何在 TinyMCE 下拉菜单中添加分隔符

Question

我正在开发一个 WordPress 插件，我可以添加 TinyMCE 按钮，这些按钮在单击时会显示一个下拉菜单。但是，我想向该下拉菜单添加水平分隔符(即水平线)以对选项进行分组。

我用谷歌搜索了一段时间，我找到的唯一信息是关于在菜单本身的按钮之间添加垂直分隔符(即垂直线)。

是否可以在 TinyMCE 的下拉菜单中添加水平分隔符，如果可以，我该怎么做？还是我唯一的选择是使用子菜单对这些其他项目进行分组？

            ed.addButton('d12-mb-button-2', {
            title:'Add a message block with a custom title',
            type:'menubutton',
            image: url + '/d12-mb-mce-button-2.png',
            menu: [
                    {
                    text: 'Part of a series',
                    value: 'Part',
                    icon: 'icon d12mb-part',
                    onclick: function() {
                        ed.windowManager.open( {
                            title: 'Please enter the data for this message box',
                            body: [{
                                type: 'textbox',
                                name: 'title',
                                label: 'This series of articles is about:'
                            },
                            {
                                type: 'textbox',
                                minHeight: 200,
                                minWidth: 400,
                                multiline: 'true',
                                name: 'description',
                                label: 'Description of this series:'
                            }
                            ],
                            onsubmit: function( epart ) {
                                ed.selection.setContent('[d12-part series="' + epart.data.title + '"]' + epart.data.description + '[/d12-part]');
                            }
                        });
                    }
                }, // End of "Part" 
                {
                    text: 'Add a support message',
                    value: 'Support',
                    icon: 'icon d12mb-support',
                    onclick: function() {
                        ed.windowManager.open( {
                            title: 'Please enter the support information',
                            body: [{
                                type: 'textbox',
                                name: 'title',
                                label: 'Support title:'
                            },
                            {
                                type: 'textbox',
                                minHeight: 200,
                                minWidth: 400,
                                multiline: 'true',
                                name: 'description',
                                label: 'Support message:'
                            }
                            ],
                            onsubmit: function( esupport ) {
                                ed.selection.setContent('[d12-support title="' + esupport.data.title + '"]' + esupport.data.description + '[/d12-support]');
                            }
                        });
                    }
                }, // End of "Support"

我需要在“部分”结束项之后添加一个水平分隔符。

(FWIW，我正在处理的整个文件是 here 。)

Answer 1

我找到的所有文档都是关于在菜单栏上的图标组之间插入垂直分隔符的。我无法找到有关在下拉菜单中的项目组之间添加水平分隔符的任何信息。

但是，经过大量的实验，我发现这段代码:

                    {
                    text: '|'
                },

将添加一个水平分隔符。