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