Hola usuarios de mybb-es bueno pues decidi hacer este tuto ya que e visto muchos de como agrgar botones al editor pero no e visto como uno de como hacer un tuto de agregar botones y hagan lo que hace img,url o email!!

Vamos a empezar haciendo algo facil por ejemplo un FiledSet!
vamos a:
panel adm » Configuracion » mycodes » agregar mycode

en expresion regular ponemos

Code:

\[fieldset=(.*)](.*?)\[\/fieldset\]

y en remplazar por ponemos esto:

Code:

<fieldset>
<legend>$1</legend>
$2
</fieldset>

bien ahora editamos nuestro editor.js (NOTA: Hagamos un respaldo de nuestro editor.js antes de que empiezen por si hay algun error)!!

localizamos el siguiente codigo dentro de nuestro editor,js

{type: 'button', name: 'color', insert: 'color', dropdown: true, color_select: true, image: 'color.gif', draw_option: this.drawColorOption, options: this.colors}

al terminar eso ponemos una coma (,) y abajo agramos lo siguiente

{type: 'separator'},
{type: 'button', name: 'fieldset', sprite: 'fieldset', insert: 'fieldset', title: "Inserta un fieldset con leyenda"}

Despues localizamos esto:

this.performInsert(list, "", true, false);
},

y abajo despues del }, agregamos el siguiente codigo

insertFIELDSET: function()
{
selectedText = this.getSelectedText($(this.textarea));
fieldset = prompt("Inserta la leyenda", "");

if(fieldset)
{
if(!selectedText)
{
title = prompt("Inserta tu texto", "");
}
else
{
title = selectedText;
}

if(title)
{
this.performInsert("[fieldset="+fieldset+"]"+title+"[/fieldset]", "", true, false);
}
else
{
this.performInsert("[fieldset]"+fieldset+"[/fieldset]", "", true, false);
}
}
},

despues de eso localizamos este codigo

this.insertList(extra);
break;

y abajo agregamos esto

case "fieldset":
this.insertFIELDSET();
break;

de modo que quede asi:

Code:

            case "list":
                this.insertList(extra);
                break;
            case "fieldset":
                this.insertFIELDSET();
                break;
            case "url":
                this.insertURL();
                break;
            case "image":
                this.insertIMG();
                break;
            case "email":
                this.insertEmail();
                break;
            case "video":
                this.insertVideo(extra);
                break;

y listo guardamos el editor.js

Despues localizmos el archivo stylesheet.css que se encuantra en
jscripts » editor_themes » tu theme » stylesheet.css y asta abajo agregamos esto

.messageEditor .toolbar_button .toolbar_sprite_fieldset {
background: url(images/fieldset.png) no-repeat;
}

y despues dejamos la imagen con el nombre fieldset.png a la carpeta images dentro de la misma reuta de arriba!!

les dejo una imagen de como se ve




y el resultado es:



Les dejo la imagen que yo uso espero les guste mucho jeje!!

Proximo Tutorial: Agregar menu despegable en el editor!!

Saludos!

Excelente Edson, gracias por el tuto y va rep ...



PD: Mmm no me sale, ya lo he hecho unas 15 veces paso por paso y no me sale, me quita todo del editor, solo me deja los smileis nada mas,,, el theme que uso es Pro Navy por si tiene algo que ver

yo igual uso pronavy bro mira aveces el error es una simple coma ami me a pasado fijate aqui bro!

{type: 'button', name: 'color', insert: 'color', dropdown: true, color_select: true, image: 'color.gif', draw_option: this.drawColorOption, options: this.colors}

que al ultimo lleve una coma!

Como haria para agregar el de youtube :S?

ya esta por default en la vercion 1.6 en este boton

Gracias amigo lo probare

Gracias , pero como le haria para agregar un spoiler?

yo tambien tengo la duda de agregar un spoiler, este procedimiento se podria hacer para cualquier codigo bbcode?

Esto es del 2010 -_-

Este tutorial funciona para cualquier codigo BBCode (MyCode).

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.




Discord `omar.gonzalez` (`Omar G.#6117`); Telegram at `@omarugc`;