crear boton en editor de texto

Bueno gente tengo un pequeño problema al crear un nuevo boton en el editor de texto

estuve viendo por internet como se hace y me salio bastante bien, la cuestion es que nose porque no me responde al gif es decir, en editor.js tengo este codigo

Código PHP:
this.createToolbarContainer('tercera');
        
        this.createToolbar('mycodes', {
            container: 'tercera',
            alignment: 'right',
            items: [
                {type: 'button', name: 'spoiler', sprite: 'spoiler', insert: 'spoiler', title: 'Contenido Oculto'},
            ]
        }); 

a lo que en stylesheet.css puse:

Código PHP:
.messageEditor .toolbar_button .toolbar_sprite_spoiler {
background: url(images/spoiler.gif) no-repeat;
} 

esto lo puse a lo ultimo...

el codigo de la nueva funcion en el editor lo puse alineado con

Código PHP:
this.createToolbarContainer('top'); 

es decir me quedo así

Código PHP:
this.createToolbarContainer('top');

        this.createToolbar('closetags', {
            container: 'top',
            alignment: 'right',
            items: [
                {type: 'button', name: 'close_tags', insert: 'zzzz', sprite: 'close_tags', width: 80, style: {visibility: 'hidden'}}
            ]
        });
        this.createToolbar('topformatting', {
            container: 'top',
            items: [
                {type: 'dropdown', name: 'font', insert: 'font', title: this.options.lang.font, options: this.fonts},
                {type: 'dropdown', name: 'size', insert: 'size', title: this.options.lang.size, options: this.sizes},
                {type: 'button', name: 'color', insert: 'color', dropdown: true, color_select: true, image: 'color.gif', draw_option: this.drawColorOption, options: this.colors}
            ]
        });

        this.createToolbarContainer('bottom');

        this.createToolbar('insertables', {
            container: 'bottom',
            alignment: 'right',
            items: [
                {type: 'button', name: 'list_num', sprite: 'list_num', insert: 'list', extra: 1, title: this.options.lang.title_numlist},
                {type: 'button', name: 'list_bullet', sprite: 'list_bullet', insert: 'list', title: this.options.lang.title_bulletlist},
                {type: 'separator'},
                {type: 'button', name: 'img', sprite: 'image', insert: 'image', extra: 1, title: this.options.lang.title_image},
                {type: 'button', name: 'url', sprite: 'link', insert: 'url', title: this.options.lang.title_hyperlink},
                {type: 'button', name: 'email', sprite: 'email', insert: 'email', extra: 1, title: this.options.lang.title_email},
                {type: 'separator'},
                {type: 'button', name: 'quote', sprite: 'quote', insert: 'quote', title: this.options.lang.title_quote},
                {type: 'button', name: 'code', sprite: 'code', insert: 'code', title: this.options.lang.title_code},
                {type: 'button', name: 'php', sprite: 'php', insert: 'php', title: this.options.lang.title_php},
                {type: 'button', name: 'video', insert: 'video', image: 'television.gif', dropdown: true, title: this.options.lang.title_video, options: this.videos}
            ]
        });
        this.createToolbar('formatting', {
            container: 'bottom',
            items: [
                {type: 'button', name: 'b', sprite: 'bold', insert: 'b', title: this.options.lang.title_bold},
                {type: 'button', name: 'i', sprite: 'italic', insert: 'i', title: this.options.lang.title_italic},
                {type: 'button', name: 'u', sprite: 'underline', insert: 'u', title: this.options.lang.title_underline},
                {type: 'separator'},
                {type: 'button', name: 'align_left', sprite: 'align_left', insert: 'align', extra: 'left', title: this.options.lang.title_left},
                {type: 'button', name: 'align_center', sprite: 'align_center', insert: 'align', extra: 'center', title: this.options.lang.title_center},
                {type: 'button', name: 'align_right', sprite: 'align_right', insert: 'align', extra: 'right', title: this.options.lang.title_right},
                {type: 'button', name: 'align_justify', sprite: 'align_justify', insert: 'align', extra: 'justify', title: this.options.lang.title_justify}
            ]
        });
// aca empieza el codigo del spoiler para ponerlo en el editor de texto

this.createToolbarContainer('tercera');
        
        this.createToolbar('mycodes', {
            container: 'tercera',
            alignment: 'right',
            items: [
                {type: 'button', name: 'spoiler', sprite: 'spoiler', insert: 'spoiler', title: 'Contenido Oculto'},
            ]
        }); 

sin embargo, no responde al gif es decir en el editor de mensaje en vez de el gif seleccionado del spoiler me aparece el icono de la "B" (letra negrita)

imagen: (asi es como queda)

[Imagen: mtbhue.gif]

EDIT: nose si tiene que ver pero ahora cuando quiero activar un plugin no puedo, es decir no se me ven los plugins

[Imagen: 2nnb7b.gif]

pues seguramwente si que tenga que ver. Revierte los cambios hasta que alguien mas entendido te pueda ayudar

Bueno, espero que se pueda solucionar, ya que es solamente un gif lo que no anda, lo demas como funcion anda perfectamente

(29 Mar, 2012, 2:04 pm)papi escribió: pues seguramwente si que tenga que ver. Revierte los cambios hasta que alguien mas entendido te pueda ayudar

Reverti todo , y se fue el spoiler obviamente pero me sigue sin decir los plugins :S que raro alguna solucion ?

Última modificación: 29 Mar, 2012, 3:44 pm por digitalmeri.

eso si que es raro. Si deshiciste los cambios deberia quedar igual que antes

(30 Mar, 2012, 10:23 am)papi escribió: eso si que es raro. Si deshiciste los cambios deberia quedar igual que antes

ya lo reverti, era un plugin quer andaba mal y hacia que se me desactivacen todos los plugins

¿Entonces marco como solucionado?

Todavia el spoiler no me anda, es decir no responde a la imagen que le seteo

Tema solucionado al fin.