Inserción en el lugar del cursor (reemplazando selección si la hubiera).
Leer selección (en el ejemplo permite entrecomillarla).
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().
Buenas caricato, ya este tema lo tengo ya terminado hace un par de semanas (con otro sistema distinto), pero tengo problemas al visualizar el resultado, por ejemplo; si ingreso en mi textarea solamente texto sale bien (ya sea todo seguido o con un salto de linea); pero al ponerle un emoticon ya sale mal el resultado.
En vez de salir asi:
**********
Hola como estas todo bien?
**********
me sale asi cuando al final:
**********
Hola como estas todo bien?
**********
con elk emoticon abajo del texto.
Hola:
Vuelvo a agradecer los comentarios tanto de esta página como la de toda esta web. Especialmente, agradezco a quienes han querido aportar alguna mejora, como el mensaje anterior (¡Gracias Tk421 !), y te comento que he tratado de ver el problema, pero en mi versión 8 del explorer no me ha fallado, y por eso por ahora no modificaré el código, pero espero que le sea útil a quienes se encuentren con el mismo problema.
Saludos
He tenido algunos problemillas cuando había texto seleccionado en Internet Explorer, pero lo he solucionado cambiando la funcion captura_ie para que quede de la siguiente manera:
function captura_ie() {
datos_ie();
return _texto;
}
He tenido que poner datos_ie(); para que recapture el texto, porque sin explicación aparente en algunas ocasiones _texto me devolvía o bien indefinido (undefined) o bien vacío (""), en lugar del texto que había seleccionado.
De todas formas muy util la herramienta.
Muy bueno, es facil de editar esta expectacular
espectacularrr !!! la verdad que muy bueno!
FELICITACIONES! TE JUGASTE CAMPEON! TA GENIAL =)
vmos a ver si funcka
Pueden poner un ejemplo mas completo de como se usa este script?
al menos sirve.....
Esta muy bien, pero sigo sin entender el codigo, demasiado complejo creo xD
no funciona la negrita ni la cursiva nada
Bien no entiendo de donde sale la propiedad posi, ni tampoco que se está pasando como paramétro en la función poner_ie(f, x) en la función ini_editor. Les agradeceré si me aclaran este punto... Saludos
Bien no entiendo de donde sale la propiedad posi, ni tampoco que se está pasando como paramétro en la función poner_ie(f, x) en la función ini_editor. Les agradeceré si me aclaran este punto... Saludos
Saluso es muy bueno, pero no me funcionó, deseo hacer algo parecido a lo que tienes para mandar los comentarios aqui, que se puedad realizar un pequeño texto formateralo y guradarlo, probe e codigo y no funciono tal mes estiy realizando algo mal.
Deseo me ayudes
Hola no tienes como hacer que uno pueda elegir el color de la letra??? Gracias
Quería decirte que detecté un pequeño error en tu editor y es que si yo
centro algo qúe está en la mitad de un párrafo
, como vos usaste o div o p, dichos elementos se muestran en bloque y provocan un salto de línea, crees que me puedas brindar una solución? Muchas gracias.Muy buen editor web
me servira de gran ayuda
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
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.
¿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.
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á??
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...
Muy buen editor excelente trabajo
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.
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.
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.
Solo escribo para comentar que el problema expuesto en el mensaje anterior está solucionado.
Gracias por participar.
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