将textarea值复制到div保持换行符和html作为文本

我正在努力试图找到textarea中的任何内容,以便在按钮点击时移动到div。 我正在寻找的一些关键function是我希望保留换行符,如果用户输入任何类型的html标签,它将以相同的方式交叉显示。

输入这样的东西:

 

blah blah blah

more text

在div区域看起来仍然一样。

我尝试了几件事,但最近我尝试过这个:

 var value = $('#selector-input textarea').val().replace(/\n/g, '
'); $('#selector-canvas #canvas').text(value);

有没有人有任何想法? 任何帮助将非常感激。 谢谢!

如果你想保留标签,你必须先替换尖括号,然后替换换行符 – http://jsfiddle.net/jayblanchard/2Kg9F/

 var value = $('textarea').val() .replace(//g,'>') .replace(/\n/g, '
');