在實際的項目開發中，我們需要輸入文本，這樣在html的input文本框，遠遠不能滿足我們實際的需求，而采用文本編輯器插件又太過於復雜，所以有時候我們使用textarea來實現文本輸入！那么怎么實現后台Enter換行在前台顯示換行操作呢？
首先在頁面顯示的換行其實是一個<br/>而我們輸入Enter換行輸入的事一個\n所以我們需要把\n替換成<br/>，我見過一個哥們，就是在后台轉來轉去，因為你在后台轉的話，修改的時候，又把<br/>帶到文本框中去了，非常不方便，並且操作復雜！
那么換個思路我們可以直接在頁面上操作這個功能？
下面是簡單的文本輸入框
|
1
|
<
td
colspan
=
"3"
><
textarea
rows
=
"10"
cols
=
"30"
name
=
"exhInfoManageBo.exhDesc"
id
=
"textarea_addExh"
style
=
"width: 400px;"
></
textarea
></
td
>
|
這是在頁面上顯示的
|
1
|
<
td
colspan
=
"3"
id
=
"tb"
>${exhInfoManageBo.exhDesc}</
td
>
|
怎么轉換呢？
|
1
2
3
4
5
|
//將輸入的展陳描述換行顯示
$(function(){
var temp= $("#tb").text().replace(/\n/g,'<
br
/>');
$("#tb").html(temp);
});
|