Foros del Web » Programando para Internet » Javascript »

texto parecio al de este foro alguna idea

Estas en el tema de texto parecio al de este foro alguna idea en el foro de Javascript en Foros del Web. Hola amigos estoy intentando hacer un texto enriquecido bueno no se como se llama realmente es algo parecido a este foro cuando vas a postear ...
  #1 (permalink)  
Antiguo 22/06/2011, 11:42
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 3 meses
Puntos: 10
texto parecio al de este foro alguna idea

Hola amigos estoy intentando hacer un texto enriquecido bueno no se como se llama realmente es algo parecido a este foro cuando vas a postear un tema la verdad que no se ni por donde empezar si alguien me quiere orientar, o pasarme un manual ya que yo lo que encontre no me sirve. saludos

Última edición por azaz; 22/06/2011 a las 11:51
  #2 (permalink)  
Antiguo 22/06/2011, 11:51
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 3 meses
Puntos: 10
Respuesta: texto parecio al de este foro alguna idea

perdonar amigos creo que esto se tiene que hacer con php saludos
  #3 (permalink)  
Antiguo 22/06/2011, 11:57
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: texto parecio al de este foro alguna idea

http://ckeditor.com/demo

:)

Ese es muy bueno, aunque tal vez demasiado grande. Sólo buscá en Google "rich edit html" o algo así y vas a entontrar muchos.
__________________
nahueljose.com.ar
  #4 (permalink)  
Antiguo 22/06/2011, 11:58
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: texto parecio al de este foro alguna idea

Cita:
Iniciado por azaz Ver Mensaje
perdonar amigos creo que esto se tiene que hacer con php saludos
No, JavaScript es apropiado.

Mirá, acá tenés una colección bastante buena. Algunos más sencillos que otros:
http://www.queness.com/post/212/10-j...h-text-editors
__________________
nahueljose.com.ar
  #5 (permalink)  
Antiguo 22/06/2011, 15:17
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 3 meses
Puntos: 10
Respuesta: texto parecio al de este foro alguna idea

gracias Naahuel por la informacion saludos
  #6 (permalink)  
Antiguo 22/06/2011, 15:43
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: texto parecio al de este foro alguna idea

Yo solo te recomiendo cualquier de estos 2... para mi los mejores:
http://tinymce.moxiecode.com/examples/full.php
http://ckeditor.com/demo

Suerte
__________________
Atte. MasterOjitos :ojotes:
Todo sobre Programación Web
Las ultimas tendencias en Efectos y Recursos Web: MasterOjitos Blog
  #7 (permalink)  
Antiguo 22/06/2011, 16:48
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 3 meses
Puntos: 10
Respuesta: texto parecio al de este foro alguna idea

pero nunca he trabajado con estos plugins es dificil montar un editor de estos?
alguien me orienta
  #8 (permalink)  
Antiguo 22/06/2011, 17:02
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 3 meses
Puntos: 10
Respuesta: texto parecio al de este foro alguna idea

yo realmente quiero uno sencillito que tenga colores para las letras tamaño de letra y tipos de letra centrar texto no se lo basico alguna que sea basico y facil de montar.
  #9 (permalink)  
Antiguo 22/06/2011, 19:10
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: texto parecio al de este foro alguna idea

NicEdit es uno bien sencillo y realmente muy fácil de integrar. Te dejo un ejemplo:

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
  3. <script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>            
  4. </head>
  5.   <textarea rows="6" cols="12" style="width:500px;"></textarea>
  6. </body>
  7. </html>

Es así de fácil :)

Claro que tal vez convendría tener el .js en un directorio local en tu propio servidor.
__________________
nahueljose.com.ar
  #10 (permalink)  
Antiguo 23/06/2011, 03:07
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 3 meses
Puntos: 10
Respuesta: texto parecio al de este foro alguna idea

Naahuel gracias por la ayuda pero una cosita yo el codigo del edit donde donde lo tengo que poner y con que estension con html js esque lo puse con js y sale subrayado como que hay algo mas no me puedes dar los pasas a seguir porfa?

Última edición por azaz; 23/06/2011 a las 03:32
  #11 (permalink)  
Antiguo 23/06/2011, 06:02
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: texto parecio al de este foro alguna idea

Cita:
Iniciado por azaz Ver Mensaje
Naahuel gracias por la ayuda pero una cosita yo el codigo del edit donde donde lo tengo que poner y con que estension con html js esque lo puse con js y sale subrayado como que hay algo mas no me puedes dar los pasas a seguir porfa?
Hermano, si realmente no sabés eso entonces tal vez estás pretendiendo hacer más de lo que podés.

Usá el último ejemplo que te puse, no necesita más de lo que ves ahí. Te lo pongo de nuevo acá con sólo lo que necesita:

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
  3. <script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>            
  4. </head>
  5.   <textarea rows="6" cols="12"></textarea>
  6. </body>
  7. </html>

Y eso es todo...

Es decir, en tu HTML tenés que incluir lo siguiente en el <head>
Código HTML:
Ver original
  1. <script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
  2. <script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>

Entonces ahora todos los elementos <textarea> que tengas en tu documento se transformarán.
__________________
nahueljose.com.ar
  #12 (permalink)  
Antiguo 23/06/2011, 10:43
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 3 meses
Puntos: 10
Respuesta: texto parecio al de este foro alguna idea

gracias amigo saludos
  #13 (permalink)  
Antiguo 24/06/2011, 07:04
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 3 meses
Puntos: 10
Respuesta: texto parecio al de este foro alguna idea

Naahuel una cosita entonces si tengo la pagina subida a un servidor de internet no necesito descargar nada?
  #14 (permalink)  
Antiguo 24/06/2011, 07:55
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: texto parecio al de este foro alguna idea

Ni localmente ni en un servidor necesitás descargar nada.
Yo te decía que te convenía bajar el plugin y no linkearlo al sitio de nicedit.com, sólo para que no estés dependiendo de un sitio externo.

Es sólo una idea, no es necesario. Podés hacerlo tal y como está en el ejemplo.
__________________
nahueljose.com.ar
  #15 (permalink)  
Antiguo 25/06/2011, 21:18
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 3 meses
Puntos: 10
Respuesta: texto parecio al de este foro alguna idea

gracias naahuel creo que es buena idea asin no dependo del sitio externo pero si te digo la verdad no se como hacerlo me das alguna explicacion o algun manual saludos
  #16 (permalink)  
Antiguo 25/06/2011, 21:36
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: texto parecio al de este foro alguna idea

Cita:
Iniciado por azaz Ver Mensaje
gracias naahuel creo que es buena idea asin no dependo del sitio externo pero si te digo la verdad no se como hacerlo me das alguna explicacion o algun manual saludos
compañero sírvase revisar la pagina que le indicaron, allí encontrara guías para implementarlo.... bueno mas que guías son ejemplos pero igual viendo el codigo de ejemplo puede entender como hacerlo.

-> clic aquí

parte superior derecha
» Demo 1 : Convert All Textareas
» Demo 2 : NicEdit Configuration
» Demo 3 : Add/Remove NicEditors
» Demo 4 : Inline NicEditors
» Demo 5 : Editor Styles
  #17 (permalink)  
Antiguo 26/06/2011, 07:21
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 3 meses
Puntos: 10
Respuesta: texto parecio al de este foro alguna idea

Ag666 gracias amigo

Etiquetas: foro, idea
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 05:49.