Mostrar salto de linea de un textarea en un div

[mauricio olivera]

Estimado. Disculpen la molestia.-

Necesito guardar el texto de un textarea y cuando lo recupero mostrarlo en el mismo modo que se guardo( con salto de linea y Sangria).-

Esto es CSS o hay alguna function de ruby para guardarla  o mostrarla en ese formato?

Saludos

  Mauricio Olivera

 Desarrollador PHP/MySQL , .NET.-

  Técnico Informatico .-

-San Juan, Argentina

Contactos:

-          Teléfono Movil: +54 0264 155445779

-          Mns:    feb...@hotmail.com

-          Gtalk:  feb...@gmail.com

 -            Skype: oliveram84

[Nicolás Sanguinetti]

2011/10/28 mauricio olivera <feb...@gmail.com>:

> Estimado. Disculpen la molestia.-
> Necesito guardar el texto de un textarea y cuando lo recupero mostrarlo en
> el mismo modo que se guardo( con salto de linea y Sangria).-
> Esto es CSS o hay alguna function de ruby para guardarla  o mostrarla en ese
> formato?

*Podrías* usar un <pre> para mostrar texto preformateado, pero no es
la idea. Lo que vos querés es convertir es "\n" en <br>, y,
posiblemente, "\n\n+" (lease, 2 o más saltos de línea seguidos) en
párrafos.

Si estás usando rails, tenés un helper "simple_format" que hace
exactamente esto.

Si no, una versión precaria es "some\nstring\n\nhere".gsub(/\n+/, "<br>").

Saludos,
-foca

[Leandro López (inkel)]

2011/10/28 Nicolás Sanguinetti <h...@nicolassanguinetti.info>:

> 2011/10/28 mauricio olivera <feb...@gmail.com>:
>> Estimado. Disculpen la molestia.-
>> Necesito guardar el texto de un textarea y cuando lo recupero mostrarlo en
>> el mismo modo que se guardo( con salto de linea y Sangria).-
>> Esto es CSS o hay alguna function de ruby para guardarla  o mostrarla en ese
>> formato?
>
> *Podrías* usar un <pre> para mostrar texto preformateado, pero no es
> la idea. Lo que vos querés es convertir es "\n" en <br>, y,
> posiblemente, "\n\n+" (lease, 2 o más saltos de línea seguidos) en
> párrafos.

Otra forma es que en el elemento que muestres el contenido (imagino un
<div>) le pongas el siguiente estilo:

white-space: pre

Hace lo mismo que <pre> con la salvedad de que la tipografía se
respeta (no es monoespaciada por defecto), pero en cuanto a semántica,
<pre> es lo que deberías usar.

Demás está decir que tenés que sanear correctamente los contenidos del
formulario ese, porque te exponés a ataques XSS.

--
Leandro
(inkel)

[Alfrenovsky]

Lo mejor es ponerle es estilo 

white-space: pre-line

Si usas "pre" solo  las lineas largas no "wrapean" y te ensancha el div

pre-line hace:

• wrap automatico, o sea hace saltos de linea cuando la palabra siguiente no cabe en la linea
  
• respeta TUS saltos de linea sin necesidad de escaparlos con un <br/>
• colapsa multiples saltos de linea a uno solo, igual que el html hace con multiples espacios seguidos.

pre-wrap es similar solo que no colapsa los multiples espacios ni multiples saltos de linea contiguos.

Lo más parecido a como lo ves en un form es pre-wrap pero personalmente pre-line me gusta más como se ve.

http://www.w3schools.com/cssref/pr_text_white-space.asp

ahi tenes todos los detalles y ejemplos. Siempre que tengo dudas de css termino cayendo ahi.

[mauricio olivera]

Muchas gracias por la ayuda. Todas las intervenciones fueron útiles.

  Mauricio Olivera

 Desarrollador PHP/MySQL , .NET.-

  Técnico Informatico .-

-San Juan, Argentina

Contactos:

-          Teléfono Movil: +54 0264 155445779

-          Mns:    feb...@hotmail.com

-          Gtalk:  feb...@gmail.com

 -            Skype: oliveram84