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().



Esta página no tiene comentarios

Colabore enviando su comentario

Nombre
Procedencia
Página web
E-mail *
Evaluación evaluarevaluarevaluarevaluarevaluarevaluarevaluarevaluarevaluarevaluar
Código de envío

Rellene este campo con la clave de la imagen: codigo de envío

Nota Importante

El campo E-Mail es obligatorio para activar por correo electrónico el comentario (si no desea que se haga público, marque la casilla "anonimato"). También es obligatorio el código "captcha" (el número que se ve en la imagen adjunta); y por supuesto, debe existir un comentario.

Puede encontrar información sobre este sistema de comentarios en este enlace: Ponga comentarios en su web.

Edición negrita cursiva subrayado   alineación izquierda alineación derecha alineación centrada alineación justificada   Insertar enlace insertar imagen   Emoticones: [:)] [:(] [:x] [BIEN] [MAL] [SI] [NO] [APLAUSOS] [MEJORABLE] [¡A VER!] [¡DÉJAME PENSAR!] [FLIPE] [¡SIN PALABRAS!]
Copyright © 2006-2022 www.caricatos.net
Visitas: 1