在日常的開(kāi)發(fā)中，我們經(jīng)常會(huì)遇到需要在textarea中輸入文本，然后在前臺(tái)顯示的情況，但是很多時(shí)候在后臺(tái)編輯的換行，在前臺(tái)中并不能顯示，用富文本編輯器似乎又太麻煩，所以今天介紹一種簡(jiǎn)單的辦法

其實(shí)產(chǎn)生這個(gè)問(wèn)題的原因很簡(jiǎn)單：
在textarea中輸入換行時(shí)，換行符是 \n
在HTML頁(yè)面中，換行符是 <br/>

所以我們解決這個(gè)問(wèn)題的思路也很簡(jiǎn)單，就是在前臺(tái)頁(yè)面中，將\n轉(zhuǎn)換成<br/>即可

代碼如下：

  <!-- 前臺(tái)顯示控件 -->
  <article id="articleDetail">  </article>

//將輸入的展陳描述換行顯示
$(function(){
    var temp=  $("#articleDetail").text().replace(/\n/g,'<br/>');
    $("#articleDetail").html(temp);
});

如此一來(lái)，我們就可以實(shí)現(xiàn)文本框輸入的換行了，當(dāng)然對(duì)于有更高編輯需求的用戶，我們還是需要使用富文本編輯器，但是對(duì)于簡(jiǎn)單的記錄功能來(lái)說(shuō)，textarea已經(jīng)夠用了