Editor de texto

Editor
formato texto:negrita cursiva subrayado   formato   párrafo:alineación izquierda alineación derecha alineación centrada alineación justificada   párrafo
Emoticones


resultado

Posbilidades:

Inserción en el lugar del cursor (reemplazando selección si la hubiera).

Leer selección (en el ejemplo permite entrecomillarla).

Notas:

Este sencillísimo editor solo tiene la finalidad de mostrar el uso de selecciones y posicionamiento dentro de campos de texto en páginas web.

Usa una sencilla librería que se puede bajar en este enlace.

Antes de continuar, les diré que ha sido probada en Mozilla, Explorer y Opera. En este último el comportamiento no es el deseado, pero espero que en futuras versiones del mencionado navegador, se pueda mejorar la edición.

El uso es muy fácil: En la cabecera del documento html hay que enlazar con la librería: 

		<script type="text/javascript" src="editor.js"></script>
... luego tenemos que inicializar el textarea que vayamos a usar al cargarse la página; 
		<body onload="elEditor = ini_editor(elTextarea)">
... o al recibir el foco (Pruebe la edición en ambos recuadros); 
		<textarea onfocus="elEditor = ini_editor(this)">
... por cierto hay que usar una variable global para que sirva de referencia... 
		<script type="text/javascript" >
			var elEditor; // declaración necesaria...
		</script>

Ahora solo nos queda usar la librería: _insertar(elEditor, dato) nos permite insertar el "dato" en la posición actual del cursor dentro del textarea, reemplazando la selección que hubiese... y para saber la selección actual tenemos la función _lector().


Comentarios

Nombre: pep
Procedencia: uruguay
E-mail: asdf@hotmail.com
URL: http://
comentario:

Muy buen editor web

me servira de gran ayuda

Nombre: David Restrepo
Procedencia: Armenia- Colombia
E-mail: eldardav@hotmail.com
URL: http://
comentario:

Hola Caricatos, me parece muy bueno tu editor y muy util para los q estan o estamos aprendiendo a ralizar o modificar editores. quisiera pedirte un favor...quisiera saber como funciona ti funcion de "ponerEmoticon" o "parrafar", estas no estan en la libreria "editor.js"..podrias compartir esta info? o al menos darme una luz, por favor. Muchas gracias

Nombre: visitante
Procedencia: Foros del web
E-mail: a@a.net
URL: http://
comentario:

Por cierto, Caricatos... la imagen del código de validación solo se valida con los números de la primera fila del teclado pero no deja validarlos con los números de la parte derecha del teclado. Un saludo y como siempre... un trabajo extraordinario.

Nombre: visitante
Procedencia: Foros del web
E-mail: a@a.net
URL: http://
comentario:

¿Y cómo se puede introducir en un libro de visitas para que el visitante pueda escribir su formato? es decir... supongo que haya que modificar el botón que dice "envie su comentario" Muchas gracias.

Nombre: Rony
Procedencia: Mexico
E-mail: rent84@gmail.com
URL: http://
comentario:

Estube probando el editor, pero en el momento que tiene mas texto y si le doy doble click en una palabra para ponerla en negrita o subrayado, no me aperec nada de texto en la ventana del codigo, por lo tanto no hace nungun cambio.A que se deberá??

Nombre: Georkis Santieteban Núñez
Procedencia: WEBmaster
E-mail: georkis05045@cmg.jovenclub.cu
URL: http://
comentario:

Hola, a la verdad no he podido instalar el ejemplo... porque los pasos no están definido para su instalación... ningún navegador se ve... espero que me ayudes...

Nombre: Arturo Lam Alvarez
Procedencia: Mexico
E-mail: alamzero@yahoo.com.mx
URL: http://www.panucoenlinea.com
comentario:

Muy buen editor excelente trabajo

Nombre: Netfrank
Procedencia: Argentina
E-mail: hackerman222@hotmail.com
URL: http://www.jmqv.com.ar/
comentario:

Me adhiero al post anterior. Estoy buscando una manera de hacerlo sin usar el cuadro de diálogo. Me gustaría saber cómo hacerlo de ese modo. Igual gracias.

Nombre: Roberto Gomez
Procedencia: Bucaramanga-Santander-Colombia
E-mail: rogoelpra@yahoo.es
URL: http://
comentario:

Me parece muy Bueno el Editor pero al parecer presenta un error pues cundo me ubico sobre los Botones de la Parte inferior de Este, en la Barra de estado muestra que hay hay un error en la Pagina. Seria bueno corregir esto.

Nombre: Greco
Procedencia:
E-mail:
URL: http://
comentario:

Hola, estoy viendo la posibilidad de usar el editor o talvez construirme uno mas simple en base a este y restos de codigos que he leido por ahi para hacerme una idea y a la vez aprender haciendo pero me surge un problema, al utilizarlo en una web, si hay algun usuario desprevenido que deje algun tag sin cerrar al postear el mensaje, comentario o lo que sea me va a descuadrar la pagina, el formato ya que puede que se le quede alñgun tag sin cerrar. Mi consulta es la siguiente, existe alguna forma para verificar que los tag ingresados estan con su devido cierre, algo asi como los foros que circulan por ahi que tienen la opcion de cerrar los tags abiertos?? Muy buena la pagina y educativa.

Nombre: Webmaster caricatos
Procedencia: España
E-mail: webmaster@caricatos.net
URL: http://www.caricatos.net
comentario:

Solo escribo para comentar que el problema expuesto en el mensaje anterior está solucionado. Gracias por participar.

Nombre: kanino
Procedencia: foros del web
E-mail: kaninos4style@gmail.com
URL:
comentario:

muy buen editor solo cabe destacar que cuando envuelvo un texto y me equivoco al cancelar lo pone como null perdiendo el texto? no seria mejor envolverlo de forma inmediata que por medio de un alert ? saludos

Colabore enviando su comentario

Nombre :
Procedencia :
E-mail :
Página web :
Código de envío

Rellene el campo adjunto con la clave de la imagen para poder enviar su comentario. codigo de envío

Edición negrita cursiva subrayado   formato   alineación izquierda alineación derecha alineación centrada alineación justificada   formato de alineación

Valid HTML 4.01 Strict ¡CSS Válido! Página del webmaster
Visitas: contador