Javascript: Preview de un Textarea con saltos de linea.

Hace unos días tuve un problema con una caja de texto multilinea (TextArea) en la cual llamaba una función que lo que se escriba en el formulario se pasara a un DIV para tener una vista previa del texto. Todo sería tan fácil como tener una función similar a esta (Usando prototype para obtener el objeto, en lugar de document.getElementById):

<br /> function GenerarPreview(texto,mydiv){<br /> $(mydiv).innerHTML = texto;<br /> }<br /> 

Pero resulta que existe un problema técnico, ya que cuando escribes un salto del linea (enter) en el texarea, en el preview no funcionan y pone todo corrido, resulta que el código del enter, en este caso un /n (como si fuera un archivo de texto) no lo reconoce el parser del HTML, sino que se tiene que reemplazar por un
, podríamos tener una función que busque letra por letra el enter o el carácter 13: chr(13) pero por alguna extraña razón nunca me funciono, hasta que encontré la solución fácil y sin tener que hacer un ciclo para buscar letra por letra, es modifica la función a algo como esto:

<br /> function GenerarPreview(texto,mydiv){<br /> $(mydiv).innerHTML = texto.replace(/n/g, "<br />");<br /> }<br /> 

Y listo!!!, ya en nuestro DIV aparecera con saltos de linea!.

One thought on “Javascript: Preview de un Textarea con saltos de linea.

  1. Hola, tengo una pregunta a ver si me puedes ayudar. Tengo un textarea donde necesito que inserte solo un salto de linea al llegar a una cantidad x de caracteres escritos. Esto es así porque el texto debe encuadrar en otro sistema que muestra los datos y tiene un tamaño fijo. Lo que quiero es evitar que en el otro sistema aparezca el scroll de abajo. Alguna idea?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *