Crear un botón TinyMCE personalizado

[deftmunky]

Solucionado

Código:

<script type="text/javascript" src="javaScript/tiny_mce/tiny_mce.js"></script>
    
    
    <script type="text/javascript">
        tinyMCE.init({
	mode : "textareas",
	theme : "simple",
	editor_selector : "mceSimple"
        });
        
        tinyMCE.init({
            mode : "textareas",
            theme : "advanced",
            editor_selector : "mceAdvanced",
            theme_advanced_buttons1 : "BocadilloEsquerra,BocadilloDreta,separator,bold,italic,underline,separator,strikethrough,bullist,numlist,undo,redo,link,unlink,code,removeformat ",
            theme_advanced_buttons2 : "",
            theme_advanced_buttons3 : "",
            theme_advanced_toolbar_location : "top",
            theme_advanced_toolbar_align : "left",
            theme_advanced_statusbar_location : "bottom",
            plugins : 'inlinepopups',
            
            setup : function(ed) {
                // Add a custom button
                ed.addButton('BocadilloEsquerra', {
                    title : 'Bocadillo a la Izquierda',
                    image : 'javaScript/tiny_mce/abrirBocadillo.jpg',
                    onclick : function() {
                        var e= ed.selection.getContent();
                        ed.selection.setContent('<span class="comentarioIzquierda">"'+e+'"</span>');
                    }
                });
                ed.addButton('BocadilloDreta', {
                    title : 'Bocadillo a la Derecha',
                    image : 'javaScript/tiny_mce/cerrarBocadillo.jpg',
                    onclick : function() {
                        var e= ed.selection.getContent();
                        ed.selection.setContent('<span class="comentarioDerecha">"'+e+'"</span>');
                    }
                });
            }
        });
    </script>

Código:

var e= ed.selection.getContent();
ed.selection.setContent('<span class="comentarioIzquierda">"'+e+'"</span>');

En estas dos lineas lo que se hace es cojer el texto selecionado que hay en el textarea e insertarle delante y detras las etiquetas.