Foros del Web » Programando para Internet » Javascript »

Editor BBCode

Estas en el tema de Editor BBCode en el foro de Javascript en Foros del Web. Hola, en mi web he hecho un pekeño js para ke al pinchar en un determinado boton, en el textarea aparecan los tags de apertura ...
  #1 (permalink)  
Antiguo 14/02/2006, 12:52
Avatar de ZydRick  
Fecha de Ingreso: febrero-2005
Ubicación: Lima
Mensajes: 750
Antigüedad: 19 años, 2 meses
Puntos: 4
Editor BBCode

Hola, en mi web he hecho un pekeño js para ke al pinchar en un determinado boton, en el textarea aparecan los tags de apertura y cierre correspondientes a dicho boton, mi problema esta en ke dichos tags me aparecen al final del textarea y me gustaria ke funcionase como los de este foro o sea ke los tags aparezcan en la misma zona donde esta el cursor y tb ke rodee el texto ke se tenga seleccionado y ke se kiera aplicar el bbcode y ke aparezcan unos prompt para las URLs y las imagenes, espero ke me puedan echar una mano con ello, se agradece de antemano

saludos
  #2 (permalink)  
Antiguo 14/02/2006, 13:22
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola ZydRick:

Tengo un script que puse en esta página: http://www.pepemolina.com/editor/index.html donde puedes verlo en funcionamiento (incluso en distintos campos) con un enlace para bajártelo y unas sencillas explicaciones sobre su uso.

Espero que te sirva.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 14/02/2006, 14:02
Avatar de ZydRick  
Fecha de Ingreso: febrero-2005
Ubicación: Lima
Mensajes: 750
Antigüedad: 19 años, 2 meses
Puntos: 4
uhmm se ve interesante aunke no hace lo ke hace el editor de este foro (introducir url e imagenes con prompt) seguire buscando, voy a echarle una mirada y seguire viendo ke mas encuentro, gracias por la ayuda
  #4 (permalink)  
Antiguo 14/02/2006, 16:30
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Cita:
Iniciado por ZydRick
uhmm se ve interesante aunke no hace lo ke hace el editor de este foro (introducir url e imagenes con prompt) seguire buscando, voy a echarle una mirada y seguire viendo ke mas encuentro, gracias por la ayuda
Verás: poner una url con prompt, no es difícil, tan solo tienes que re-programar el boton donde se presenta un prompt (entrecomillar), y en vez de poner comillas antes y después, poner el código que quieres (me parece que es ..)...

Pero tienes que poner algo de tu parte.

Por cierto, si no han reprogramado el editor de este foro (en su momento yo lo propuse) no funciona igual en mozilla al menos (no sé en otros navegadores como funciona)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 14/02/2006, 17:52
Avatar de ZydRick  
Fecha de Ingreso: febrero-2005
Ubicación: Lima
Mensajes: 750
Antigüedad: 19 años, 2 meses
Puntos: 4
el editor de este foro me funciona bien en firefox, por eso me llamo la atencion y keria hacer algo similar para el mio, no digo exactamente igual pero al menos si lo ke pedi en el primero post ke con eso basta y sobra, seguire mirando tu script a ver ke consigo hacer, gracias amigo

saludos
  #6 (permalink)  
Antiguo 14/02/2006, 18:16
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola otra vez:

Es evidente que ahora funciona bien el editor... Al menos recuerdo que no funcionaba bien... y lo del BBCODE, te dije el código tan bien que el editor convirtió el texto mio en url... debes entrecorchetar URL al principio de un enlace y /URL al final (con corchetes en los 2 casos)... Supongo que se codificará luego con php.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 14/02/2006, 18:23
Avatar de ZydRick  
Fecha de Ingreso: febrero-2005
Ubicación: Lima
Mensajes: 750
Antigüedad: 19 años, 2 meses
Puntos: 4
sip lo de las url me van asi pero ke tal si kiero hacer algo asi
[ url=http://google.com ] google [/ url ], de momento funciona con solo url
  #8 (permalink)  
Antiguo 15/02/2006, 02:35
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola:

Puedes revisar el código para que veas que fácil es hacer modificaciones...

Tan solo añadí el botón para ingresar url's:

Código:
<input
	type="button"
	id="url"
	onmouseover="cambiaColor(this.id)"
	onmouseout="recuperaColor(this.id)"
	onclick="uri()"
	value=" URL "
/>
Y definí la función uri() así:

Código:
function uri()	{
	var enlace = prompt("Introduzca la URL:", "http://");
	_insertar(elEditor, '' + prompt("enlace:", _lector()) + '');
}
Como verás, es muy fácil programar los botones del editor.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #9 (permalink)  
Antiguo 15/02/2006, 10:42
Avatar de ZydRick  
Fecha de Ingreso: febrero-2005
Ubicación: Lima
Mensajes: 750
Antigüedad: 19 años, 2 meses
Puntos: 4
eso estoy viendo, bueno, con tu permiso ahora mismo me pongo ha hacerle algunos retokes, gracias hermano
  #10 (permalink)  
Antiguo 15/02/2006, 11:07
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Bien. ¡Je, je! Otra vez puse código BBCode y no se mostró como quería, pero ya vez que es muy fácil.

Si te acuerdas, pon el enlace de la página terminada y la vemos.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #11 (permalink)  
Antiguo 24/03/2010, 21:07
Avatar de manumaf  
Fecha de Ingreso: mayo-2007
Ubicación: Argentina
Mensajes: 854
Antigüedad: 17 años
Puntos: 6
Respuesta: Editor BBCode

Y como quedaria una funcion para colocar (coloque parentesis pero en realidad quiero corchetes pasa que si coloco los corchetes se me pone en negrita
Código:
(B) y (/B)
Y si seleccionas una palabra y haces clic para colocar las etiquetas b se coloquen en los extremos osea
Código:
(B)palabra(/B)


Como lo hago?
  #12 (permalink)  
Antiguo 25/03/2010, 01:19
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Editor BBCode

Hola:

Tengo implementado el sistema con negritas en una versión más moderna del mismo editor, que puedes ver aguí: Editor de texto.

Y por cierto, voy a cerrar el tema. Siempre puede referenciarse.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 11:45.