Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
[Tutorial] Agrega botones al editor de texto V2 -- Mod by Ed
Páginas (2): 1 2   
Edson Ordaz   28 Nov, 2010, 7:04 pm
#1
Hola usuarios de soportemybb 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
Código:
\[fieldset=(.*)](.*?)\[\/fieldset\]

y en remplazar por ponemos esto:
Código:
<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
Código PHP:
<?php 
{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
Código PHP:
<?php 
{type: 'separator'},
{
type: 'button', name: 'fieldset', sprite: 'fieldset', insert: 'fieldset', title: "Inserta un fieldset con leyenda"}


Despues localizamos esto:
Código PHP:
<?php 
this
.performInsert(list, "", true, false);
},

y abajo despues del }, agregamos el siguiente codigo
Código PHP:
<?php 
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
Código PHP:
<?php 
this
.insertList(extra);
break;

y abajo agregamos esto
Código PHP:
<?php 
case "fieldset":
this.insertFIELDSET();
break;

de modo que quede asi:
Código PHP:
<?php 
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

Código PHP:
<?php 
.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

[Imagen: 6egm03.gif]

y el resultado es:
[Imagen: 33d9jcx.png]

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

Proximo Tutorial: Agregar menu despegable en el editor!!

Saludos!
Mauro   29 Nov, 2010, 1:51 am
#2
gracias edson. !!
nentab   29 Nov, 2010, 2:28 am
#3
Excelente tutorial Edson! Muy bien explicado.
Poizonus   31 Dec, 2010, 3:35 am
#4
Disculpa men..! No se en que estoy fallando.
Cambie todas las palabras de Fieldset por el de Youtube que es el que quiero poner.
Pero el boton cuando le doy clic me sale de frente
no me sale esa Ventanita para agregar
Me sale defrente asi [youtube]http:www.youtube.com/v?=231321[/youtube]
Ignnacio_mybb_import8182   31 Dec, 2010, 7:05 am
#5
Muy buen tutorial Edson Ordaz (y).
Tozja   30 Jan, 2011, 9:47 pm
#6
¿Alguien me ayuda para el de hide?, ya que cuando hago esto no me sale ningun boton incluyendo los de fuente y todo eso.
nentab   31 Jan, 2011, 1:30 am
#7
(30 Jan, 2011, 9:47 pm)Tozja escribió: ¿Alguien me ayuda para el de hide?, ya que cuando hago esto no me sale ningun boton incluyendo los de fuente y todo eso.

Si no te sale ninguno es que estás editando mal el editor.js
Revisa de que lo estás haciendo todo perfecto, y que no te falta ninguna coma ni nada.
Mauro   5 Feb, 2011, 6:17 pm
#8
Edson me sale todo bien, pero lo que no sale es la imagen del botón.
Lo estoy testeando en un foro de prueba y no me sale.
Que puede ser?
nentab   6 Feb, 2011, 2:29 am
#9
(5 Feb, 2011, 6:17 pm)Mauro escribió: Edson me sale todo bien, pero lo que no sale es la imagen del botón.
Lo estoy testeando en un foro de prueba y no me sale.
Que puede ser?

Tu imagen lleva bien la ruta?

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

En ese caso tendrías que poner una imagen llamada fieldset.png en jscripts » editor_themes » default / Office_2007 » images
Mauro   7 Feb, 2011, 2:43 pm
#10
claro, error mio pensé que esa ruta /images se refería a la carpeta images en la raíz del foro.

Gracias abdon.
Páginas (2): 1 2   
  
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.