Actualización:  [Tutorial] Agregar botones al editor de texto
Abdonroda Wrote:Hago este tutorial para los que quieran aprender a agregar botones al editor de texto en MyBB. Si el código es por ejemplo: [descarg...

Abdonroda escribió:Hago este tutorial para los que quieran aprender a agregar botones al editor de texto en MyBB.

Si el código es por ejemplo: [descarga]lo que yo quiera poner[/descarga].
Para ponerle un botón a ese MyCode lo que tendrías que hacer sería esto:


1. Agregar en el URLdelforo/jscripts/editor.js lo siguiente:

Cita:{type: 'button', name: 'descarga', sprite: 'descarga', insert: 'descarga', title: 'Envuelve la descarga en una caja'},


2. Agregar en el URLdelforo/jscripts/editor_themes/Office_2007/stylesheet.css lo siguiente:

Cita:.messageEditor .toolbar_button .toolbar_sprite_descarga {
background: url(images/descarga.gif) no-repeat;
}


3. Agregar en URLdelforo/jscripts/editor_themes/Office_2007/images/ una imagen llamada "descarga.gif".


Créditos
abdonroda de www.comuvir.com
Última modificación: 29 Oct, 2010, 11:13 pm por Cluster.
Sí ^^

A ver si dentro de poco hago uno pero algo más completo que ese que lo hice un poco a correr. Gracias por traerlo Bour!
Está bien, pero yo lo que quiero colocar es un único mycode, sin cierre. Quiero decir, me gustaría hacer un botón que incluya el [ hr], pero siempre me coloca al final del post un [/hr].

No sé si se me entiende bien o si es posible. Saludos!
(28 Nov, 2010, 11:56 am)Andresitowl escribió: Está bien, pero yo lo que quiero colocar es un único mycode, sin cierre. Quiero decir, me gustaría hacer un botón que incluya el [ hr], pero siempre me coloca al final del post un [/hr].

No sé si se me entiende bien o si es posible. Saludos!

Pues eso es algo que quise hacer yo una temporada... Pero nada, no fui capaz de hacerlo, no sé si se podrá.
esta un poco mal explicado xD
Tenes q ingresar el primer codigo abajo del listado de los otros tag que se encuentrar debajo de la siguiente linea:
this.createToolbarContainer('bottom');

Cita: 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: 'flash', sprite: 'flash', insert: 'flash', title: 'Envuelve el flash en una caja'},
{type: 'button', name: 'video', insert: 'video', image: 'television.gif', dropdown: true, title: this.options.lang.title_video, options: this.videos}

Tengo una duda.....
Lo que sucede es que logure insertar el nuevo boton pero sale cualquier imagen para el boton que acabe de agregar, y encima de eso se desconfiguro el tamaño del editor de texto :S

[Imagen: jkdrLA.png]
[Imagen: jmoZyY.png]
Última modificación: 18 Mar, 2011, 4:57 pm por Zetsubou-Sensei.
El que se desconfigurara fue porque al haber un botón más y no haber espacio porque el editor es pequeño, se deforma. Puedes ampliarlo subiendo el valor de cols="valor" de ese textarea en las plantillas.

Lo de que no se te vea el botón, tiene que ser porque has pueso mal el CSS o porque no has puesto la imagen en la ruta correcta. Que en tu caso como usas el editor normal, serían:
URLdelforo/jscripts/editor_themes/default/stylesheet.css
URLdelforo/jscripts/editor_themes/default/images/
Última modificación: 19 Mar, 2011, 3:42 am por Cluster.
No entendi bien como modificar el tamaño del editor:
Yo estoy editando el editor.jr y busque el valor cols en textarea pero no entiendo donde ponerle los tamaños para ampliar el editor:

[spoiler=// Create text area] textInput = document.createElement("textarea");
textInput.setAttribute("cols", oldTextarea.getAttribute("cols"));
textInput.setAttribute("rows", oldTextarea.getAttribute("rows"));
textInput.id = this.textarea;
textInput.name = oldTextarea.name+"_new";
textInput.style.height = parseInt(areaContainer.style.height)+"px";
textInput.style.width = parseInt(areaContainer.style.width)+"px";[/spoiler]
Última modificación: 19 Mar, 2011, 9:36 am por Zetsubou-Sensei.
No no. El cols es en las plantillas, no en el editor.js

Y el editor ese está en tres plantillas: newthread, newreply y editpost.
Dentro de las plantillas :S?
Osea dentro de mi plantilla q estoy utilisando:
/foro/images/miplantilla

Dentro de ellla no encuentro ningun: newthread, newreply y editpost.
En donde estan xD?
No... Las plantillas están en el panel de administración.

Panel de administracion > Estilos y plantillas > Plantillas > Tu tema > newthread/newreply/editpost