Creating and using custom ExecCommands.
`EditorBase` is not a fully functional Editor, it is simply the base utility that will be used under the hood to create an Editor.
In this step we are going to do the initial render of the Editor, set its content, and focus it when it's ready.
``` YUI().use('editor', function(Y) { //Create the Base Editor var editor = new Y.EditorBase({ content: 'This is a test
This is a test
', extracss: '.foo { font-weight: normal; color: black; background-color: yellow; }' }); //Rendering the Editor. editor.render('#editor'); }); ```ExecCommand overrides are stored on the `execCommand` plugin. This way, you can write a plugin for Editor and have it available to all Editor instances in your sandbox.
To create a new execCommand, we simply add an object literal to the `Y.Plugin.ExecCommand.COMMANDS` static object like this:
``` Y.mix(Y.Plugin.ExecCommand.COMMANDS, { foo: function(cmd, val) { logFn('You clicked on Foo'); var inst = this.getInstance(); inst.one('body').setStyle('backgroundColor', 'yellow'); } }); ```Now we can use this new command like:
``` editor.execCommand('foo'); ```