HTML – Newline char en contenido DIV editable?

Estoy almacenando contenido en la base de datos, por ejemplo:

Hello This is Text 

y cuando paso eso a un área de texto, se queda con los nuevos saltos de línea. Pero si paso ese texto a un div con contenido editable, quedaría así:

 Hello This is Text 

¿Como puedo solucionar este problema?

Establecer un estilo en el div: white-space: pre o white-space: pre-wrap

Ejemplo: http://jsfiddle.net/fPv6S/

Puede buscar y reemplazar nuevas líneas con
. http://jsfiddle.net/fPv6S/1/

Para agregar alguna información sobre @Explosion Pills, responda correctamente y extraiga información de MDN :

El atributo de white-space CSS está para ayudarlo:

pre:

 white-space: pre 

Secuencias del espacio en blanco se conservan. Las líneas solo se dividen en caracteres de nueva línea en la fuente y en los elementos.

¡Esto podría provocar barras de desplazamiento horizontales no deseadas como se muestra en el ejemplo!

envoltura previa:

 white-space: pre-wrap 

Secuencias del espacio en blanco se conservan. Las líneas se rompen en caracteres de nueva línea, en
y según sea necesario para llenar recuadros de línea.

Como @ceremcem señaló que los saltos de línea al final del recuadro no se transferirán cuando el texto se copie, lo cual tiene sentido ya que estos saltos de línea no son parte del formato del texto sino de la apariencia visual.

prelínea:

 white-space: pre-line 

Las secuencias de espacios en blanco se colapsaron . Las líneas se rompen en caracteres de nueva línea, en
y según sea necesario para llenar recuadros de línea.

 div{ border: 1px solid #000; width:200px; } .pre { white-space: pre; } .pre-wrap{ white-space: pre-wrap; } .pre-line{ white-space: pre-line; } .inline-block{ display:inline-block } 
 

pre

Lorem ipsum dolor sit amet doesn't have a meaning but here comes 10 white spaces:____ ____

pre-wrap

Lorem ipsum dolor sit amet doesn't have a meaning but here comes 10 white spaces:____ ____

pre-line

Lorem ipsum dolor sit amet doesn't have a meaning but here comes 10 white spaces:____ ____

Chrome FIX

Lorem ipsum dolor sit amet doesn't have a meaning but here comes 10 white spaces:____ ____

Prueba esto……

 var patt2 = new RegExp("
","g"); var patt3= new RegExp("
","g"); var patt4= new RegExp("
","g"); var z=x.replace(patt2,"\n").replace(patt3,"").replace(patt4,"");

Eso lo hará …