Foros del Web » Programando para Internet » Javascript »

Crear un editor de texto

Estas en el tema de Crear un editor de texto en el foro de Javascript en Foros del Web. Hola, quiero hacer un editor de texto que sea muy sencillo... he estado usando Fckeditor y TyniMCE, pero no me llega a convecer, el problema ...
  #1 (permalink)  
Antiguo 08/12/2009, 16:50
Avatar de gogupe  
Fecha de Ingreso: octubre-2006
Ubicación: Mallorca
Mensajes: 897
Antigüedad: 17 años, 6 meses
Puntos: 32
Crear un editor de texto

Hola, quiero hacer un editor de texto que sea muy sencillo... he estado usando Fckeditor y TyniMCE, pero no me llega a convecer, el problema es que mete demasiado código "basura"... por ejemplo insertar <div> donde no debe... en fin que he pensado en hacerlo yo mismo.

Quiero hacer en un textarea, que cuando selecciono una palabra y al darle a un boton, llamdo B (negrita), la palabra señalada se tranforme en palabra, exactamente igual como se hace aquí en el foro.

Alguien me ayuda a ver como se hace esto.

Muchísimas gracias.
  #2 (permalink)  
Antiguo 08/12/2009, 17:06
Avatar de jackson666  
Fecha de Ingreso: noviembre-2009
Ubicación: Buenos Aires, Argentina
Mensajes: 1.971
Antigüedad: 14 años, 5 meses
Puntos: 65
Respuesta: Crear un editor de texto

Necesitas revisar bien los manuales de DOM, de eventos, etc etc. No creo que alguien tenga tantas ganas de hacerte un script desde cero
  #3 (permalink)  
Antiguo 08/12/2009, 17:08
Avatar de urgido  
Fecha de Ingreso: febrero-2005
Mensajes: 2.351
Antigüedad: 19 años, 2 meses
Puntos: 25
Respuesta: Crear un editor de texto

usa openwysiwyg
__________________
Hospedaje Web al mejor costo!
  #4 (permalink)  
Antiguo 08/12/2009, 17:26
Avatar de masterojitos  
Fecha de Ingreso: julio-2008
Ubicación: Lima Callao Chucuito
Mensajes: 1.931
Antigüedad: 15 años, 9 meses
Puntos: 105
Respuesta: Crear un editor de texto

http://es.wikipedia.org/wiki/BBCode

suerte.
__________________
Atte. MasterOjitos :ojotes:
Todo sobre Programación Web
Las ultimas tendencias en Efectos y Recursos Web: MasterOjitos Blog
  #5 (permalink)  
Antiguo 09/12/2009, 01:24
Avatar de gogupe  
Fecha de Ingreso: octubre-2006
Ubicación: Mallorca
Mensajes: 897
Antigüedad: 17 años, 6 meses
Puntos: 32
Respuesta: Crear un editor de texto

Cita:
Iniciado por masterojitos Ver Mensaje

No sabía que se llamaba asi, lo he estado investigando y era lo quería.

Muchas gracias
  #6 (permalink)  
Antiguo 09/12/2009, 01:40
Avatar de gogupe  
Fecha de Ingreso: octubre-2006
Ubicación: Mallorca
Mensajes: 897
Antigüedad: 17 años, 6 meses
Puntos: 32
Respuesta: Crear un editor de texto

Para quien le interese.

Me acabo de dar cuenta que el editor tinyMCE, si le pones en los parámetros de configuracion plugins : "bbcode", ya tienes el editor.

Saludos !!!
  #7 (permalink)  
Antiguo 09/12/2009, 02:08
Avatar de gogupe  
Fecha de Ingreso: octubre-2006
Ubicación: Mallorca
Mensajes: 897
Antigüedad: 17 años, 6 meses
Puntos: 32
Respuesta: Crear un editor de texto

Esto es mas complicado de lo que me esperaba.

¿como se hace con bbcode, que detecte los saltos de linea?

Cuando escribo varias frases pulsando enter, solo me detecta una sola línea !!!
  #8 (permalink)  
Antiguo 09/12/2009, 06:29
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Respuesta: Crear un editor de texto

Normalmente esa detección se hace con lenguaje de servidor. En php, por ejemplo, se usa la función nativa nl2br. De todas maneras, usando bbCode lo normal es aplicar alguna función de transformación de ese bbcode del lado del servidor (es lo normal, aunque podría hacerse con javascript, lo mismo que la transformación de los saltos de línea, pero entonces no tendría mucho sentido usar bbcode, que principalmente se usa para evitar la inyección html sin quitar la posibilidad al usuario de poder agregar una personalización html limitada)
  #9 (permalink)  
Antiguo 09/12/2009, 07:04
Avatar de gogupe  
Fecha de Ingreso: octubre-2006
Ubicación: Mallorca
Mensajes: 897
Antigüedad: 17 años, 6 meses
Puntos: 32
Respuesta: Crear un editor de texto

Cita:
Iniciado por Panino5001 Ver Mensaje
Normalmente esa detección se hace con lenguaje de servidor. En php, por ejemplo, se usa la función nativa nl2br. De todas maneras, usando bbCode lo normal es aplicar alguna función de transformación de ese bbcode del lado del servidor (es lo normal, aunque podría hacerse con javascript, lo mismo que la transformación de los saltos de línea, pero entonces no tendría mucho sentido usar bbcode, que principalmente se usa para evitar la inyección html sin quitar la posibilidad al usuario de poder agregar una personalización html limitada)
Ya había descubierto la función nl2br, aun no lo he implementado, pero creo que eso era lo que buscaba.

De todas formas, con el codigo bbcode, ¿se podría insertar un tag por ejemplo [/n] para que luego lo transformara en <br>?

Muchas gracias.
  #10 (permalink)  
Antiguo 09/12/2009, 08:37
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Respuesta: Crear un editor de texto

Sí, claro, podés inventar todos los bbCodes que quieras. Luego tendrás que adaptar el parser para que lo tome. Un ejemplo de parser en php lo podés ver acá:
http://www.disegnocentell.com.ar/notas2.php?id=131
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.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:51.