Cómo insertar una etiqueta html personalizada usando YUI Editor

Tengo YUI configurado y funcionando. Creé un botón personalizado y se muestra bien. Lo que me gustaría que hiciera ese botón es envolver el texto seleccionado con mis propias tags personalizadas ‘span’, del mismo modo que al hacer clic en el botón ‘negrita’ se ajusta el texto seleccionado con las tags ‘fuerte’ / ‘negrita’.

¿Alguien tiene algún ejemplo que puedan señalar para que esto funcione?

Descubrí la solución por mí mismo, así que estoy publicando para que otros también puedan verla. 🙂

Primero, un GRAN agradecimiento a MK_Dev por la inspiración de su pregunta similar hecha en abril . Aquí está todo el código que se necesita para mi problema (arriba):

this.toolbar.on('mycustombuttonClick', function() { var sSelection = this._getSelection(); var sNewElt = '' + sSelection + ''; this.execCommand('inserthtml', sNewElt); return false; }, this, true); 

Tenga en cuenta que esto supone que el botón que está insertando el html está en la barra de herramientas.