Come inserire tag HTML personalizzato utilizzando YUI Editor

Question

Ho YUI configurata e funzionante. Ho creato un pulsante personalizzato e si presenta bene. Quello che vorrei che il pulsante per fare è avvolgere il testo selezionato con 'arco' la mia personalizzati tag, proprio come cliccando le coperture pulsante 'bold' il testo selezionato con 'forti' / tag 'bold'.

Qualcuno ha qualche esempi che potrebbero puntare a fare questo lavoro?

Answer 1

scoperto la soluzione per me, quindi sto postando modo che altri possano vedere bene. :)

In primo luogo, un grande grazie a MK_Dev per l'ispirazione dalla sua domanda simile chiesto in aprile . Ecco il tutto il codice che è necessario per il mio problema (sopra):

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

Si noti che questo presuppone che il tasto che sta inserendo il codice HTML è sulla barra degli strumenti.