1. 程式人生 > >解決textarea不會自動換行的問題

解決textarea不會自動換行的問題

用html的textarea標籤編輯錄入資料或文字的時候,按enter鍵換行錄入儲存,但是當重新從伺服器讀取資料的時候發現不會換行了,Google之後終於發現了原因並和解決方法

原因:

當在前端錄入資料的時候,按enter換行其實該換行符是“\n”,那麼在進行讀寫的時候都是“\n”這個符號,而在前端HTML標籤中並不認識“\n”這個就是換行符,所以必須得手動將其替換成為HTML認識的換行標籤“<br/>”

解決方法:

從伺服器讀取資料,並在插入HTML之前,需將換行符“/n”替換成“<br/>”

假如comments是從textarea錄入的包含換行“\n”的資料,現在需要將其讀取並插入到前端html中,此時可以如下操作:

var comm = comments.replace(/\n/g,'<br/>');//將“\n”替換為“<br/>”就可以實現換行了

var html="<p class='pzdiv_text'>"+comm+"</p>";