jquery – HTML – 在预标签中断行

我试图将(用jQuery和JS)文本写在textarea中复制到pre标签.
但是,我不能引入尽可能多的换行符.例如,如果我按Enter一次,它可以工作,我创建一个换行符,但如果我多次按Enter键,我不能获得多个换行符.你知道为什么会这样,或者我怎么解决它？

代码非常像这样：

<textarea id="area" rows="5" cols="30"> </textarea> 
<pre id="area2" > </pre> <br/>

<script>
newText = $( '#area' ).val();
$( '#pre' ).text( newText); 
</script>`

textarea的id是#area,pre标签的id是#pre