jQuery: Convertir contenido de TextArea en cadena html y viceversa

Question

lo que intento hacer es convertir un contenido de TextArea en un código html válido. Supongamos que escribe dentro de TextArea y luego presiona un botón que muestra el texto escrito dentro de un elemento. Si escribió algo así como dentro de TextArea:

Hola amigos!
¿Te gusta jQuery?
¡Sí!

La cadena resultante que tiene que poner en el interior del elemento '' es:

Hi folks!<br>Do you like jQuery?<br>I do! 

Eso es debido a que la nueva línea dentro del TextArea se debe convertir a la etiqueta <br>!

Lo mismo debe acaecer si usted quiere tomar el html del elemento y ponerlo dentro del campo de entrada TextArea, por ejemplo:

Hi folks!<br>Do you like jQuery?<br>I do! 

deben convertirse en:

Hola amigos!
¿Te gusta jQuery?
¡Sí!

Entonces, ¿hay alguna manera de convertir una cadena a html-string (y viceversa) o debería escribir una función por mi cuenta?

¡Gracias de antemano!

Answer 1

Considere buscar en un editor de rebajas. Desbordamiento de pila utiliza una versión modificada de éste: http://wmd-editor.com/

Answer 2

Bueno, no es muy difícil:

$('#element').html($('textarea').html().replace(/\n/g, "<br />")); 

Answer 3

con el estilo apropiado en el elemento, que no es necesario para convertir cualquier cosa. Usando el CSS de espacio en blanco propiedad con un valor fijado en pre, cualquier espacio en blanco en el elemento debe aparecer exactamente como lo hace en el área de texto:

#myElement { white-space: pre; } 

Ejemplo: http://jsfiddle.net/TkpSu/