How to insert custom html tag using YUI Editor

Question

I've got YUI set up and working. I've created a custom button and it shows up fine. What I would like that button to do is wrap selected text with my own custom 'span' tags, just like clicking the 'bold' button wraps selected text with 'strong' / 'bold' tags.

Does anyone have any examples they could point to to make this work?

Answer 1

Discovered the solution for myself, so I'm posting so others may see as well. :)

First, a BIG thanks to MK_Dev for inspiration from his similar question asked back in April. Here is the all the code that's needed for my problem (above):

this.toolbar.on('mycustombuttonClick', function() {
  var sSelection = this._getSelection();
  var sNewElt = '<span class="testhere">' + sSelection + '</span>';
  this.execCommand('inserthtml', sNewElt);
  return false;
 }, this, true);

Note that this assumes that the button that's inserting the html is on the toolbar.