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
a lo que en stylesheet.css puse:
esto lo puse a lo ultimo...
el codigo de la nueva funcion en el editor lo puse alineado con
es decir me quedo así
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)
EDIT: nose si tiene que ver pero ahora cuando quiero activar un plugin no puedo, es decir no se me ven los plugins
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)
EDIT: nose si tiene que ver pero ahora cuando quiero activar un plugin no puedo, es decir no se me ven los plugins