2015-03-13 60 views
0

好吧,這是一個很常見的奇怪問題,但我似乎無法在任何地方找到修復程序。textareas中的換行符被忽略

我從數據庫TEXT字段中提取數據以顯示在textarea中進行編輯。但textarea不會顯示空行。

例子:

數據庫數據

This is a line of text 

this is another line of text with a line break above. 

這是在TEXTAREA SHOWS

This is a line of text 
this is another line of text with a line break above. 

有誰知道一種方法,使空白行實際的HTML文本區域實際上代表。

+1

你如何設置textarea的價值?另外,我假設你知道你需要2個換行符來獲得空行嗎? – jlowcs 2015-03-13 20:08:36

+0

HTML的外觀如何?將數據庫中的數據放入HTML中的代碼是什麼樣的? – Quentin 2015-03-13 20:10:58

+0

僅供參考,沒有理由不應該工作:http://jsfiddle.net/1n95rotm/ – jlowcs 2015-03-13 20:11:09

回答

1

對於輸出,補充一點:

<style type="text/css"> 
.textareaOutput { 
    white-space: pre-wrap; 
} 
</style> 
+0

在CSS中已經有了。它仍然忽略空白。 – MadScientist 2015-03-13 20:37:25