This plugin adds the feature to describe with the help of the CKEditor's configuration various dropdowns and populate them with desirable items.
config.dropdownmenumanager: {
'PasteMenu': {
items:[{
name: 'Paste',
command: 'paste'
}, {
name: 'PasteText',
label: 'Paste as text',
command: 'pastetext'
}, {
name: 'PasteFromWord',
label: function(){ // If the menu is opened and the promise has not been resolved the menu label is equal to the name
return Promise.resolve(function(){
return 'Paste from Word'
});
},
command: 'pastefromword'
}],
label: {
text: 'Paste',
width: 45,
visible:true //default value
},
iconPath: 'paste' //You can use global icons or absolute path to the icon
toolbar: 'clipboard', // to specify toolbar group for button
}
}
To add the dropdown on the toolbar use the keys in the 'config.dropdownmenumanager' object , in this case: 'PasteMenu'
You can specify a toolbar
property in the label of dropdown menu configuration.
This specifies which toolbarGroup the dropdown button will placed on.
If going this route, you will likely want to remove the regular buttons as they will be shown in the toolbar, in addition to the dropdown:
{
toolbarGroups: [
{name: 'clipboard'} // now includes paste dropdown menu
],
removeButtons: 'Paste,PasteText,PasteFromWord'
}