我正在使用WordPress插件,並且可以添加TinyMCE按鈕,單擊時會顯示下拉菜單。但是,我想添加一個水平分隔符(即水平線)到該下拉菜單中以對選項進行分組。如何在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)
正如我在kopernik_elfka的回答中所說的那樣,我假設? –
他鏈接處理菜單項的頁面,而不是下拉菜單。但無論如何,代碼幾乎都是一樣的。我很驚訝這沒有記錄在某處。 –
官方文件有許多含糊之處。謝謝! – DerpyNerd