Comment insérer une balise html personnalisée à l'aide de YUI Editor

Question

J'ai configuré et utilisé YUI. J'ai créé un bouton personnalisé et ça se voit bien. Ce que je voudrais que ce bouton fasse est d'enrouler le texte sélectionné avec mes propres balises 'span' personnalisées, tout comme cliquer sur le bouton 'gras' enveloppe le texte sélectionné avec les balises 'strong'/'bold'.

Quelqu'un a-t-il des exemples sur lesquels il pourrait pointer pour que cela fonctionne?

Answer 1

J'ai découvert la solution pour moi-même, donc je poste pour que d'autres puissent voir aussi. :)

D'abord, un GRAND merci à MK_Dev pour l'inspiration de son similar question asked back in April. Voici tout le code qui est nécessaire pour mon problème (ci-dessus):

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

Notez que cela suppose que le bouton qui est d'insérer le code html est sur la barre d'outils.