Change CKEditor toolbar dynamically

Question

How do you change the CKEditor toolbar dynamically (without using a pre-defined toolbar)?

The CKEditor Developer\'s Guide only tells you how to set the toolbar durin

Answer 1

I am assuming you want to add button via plugin file. Here is how. Add your button to ui.

editor.ui.addButton('ButtonName', {
  label: lang.lockediting.locked,
  icon: this.path + 'icons/locked.png',
  command: 'lockediting'});

Then you can push ButtonName to toolbar.

//Here it is pushed as a new group
editor.config.toolbar.push(['ButtonName']);

If you check console.log(editor.config.toolbar); you will see toolbar ise an object with toolbar groups as arrays [Array[10], Array[2], Array[5]]. [Array[10] means there are 10 button in first group. You can push your button into any of those arrays.