Adding Custom button to CKEditor

[singareddy]

Hi All,
Here is example for adding custom button to CKEditor. http://jsfiddle.net/2j3btvLo/291/

editor = CKEDITOR.replace('container')
editor.addCommand("mySimpleCommand", {
exec: function(edt) {
alert(edt.getData());
}
});
editor.ui.addButton('SuperButton', {
label: "Click me",
command: 'mySimpleCommand',
toolbar: 'insert',
icon: 'https://avatars1.githubusercontent.com/ ... 9?v=2&s=16'
});


But how to do same functionality in pe:ckEditor

<pe:ckEditor id="editor" value="#{editorController.content}" toolbar="[['Cut','Copy','Paste','PasteText','PasteFromWord','-', 'SpellChecker', 'Scayt']]" skin="office2013">
<p:ajax event="save" listener="#{editorController.saveListener}" update="growl"/>
</pe:ckEditor>

Thanks

Ravi

[Melloware]

I think you need to use the customConfig="" property of the pe:ckeditor.

customConfig = Path to a custom CKEditor js config file.