logo Ejemplo básico de edición

Editor
Emoticones



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

Zona de comentarios

Hemos encontrado 2 comentarios.

#Mensaje enviado por Manel
Comentario escrito el día 05 de de 2015, a la hora 02:23:09

Hola pepe, me ha servido de mucho. Habia probado otras soluciones que habia encontrado y no me iban.

La tuya funciona muy bien.

Muchas gracias, un saludo


#Mensaje enviado por Pepe Molina
Comentario escrito el día 18 de de 2012, a la hora 18:19:58
url: http://www.pepemolina.com

Hola:


También podemos valorar y comentar esta página.


Saludos mi emoticón

Evaluación

Valoración de esta página: (pagina.Editor de textos) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Copyright © 2002-2017 www.pepemolina.com
RSS rss | Ver Mapa del sitio