如何讓HTML textarea中的換行符導致字符串中斷？

Question

我有一個HTML <textarea>，我希望能夠在用戶在textarea中輸入enter時能夠進行輸入，當字符串存儲在變量中並打印在頁面上時，會導致換行。

我該怎麼做？我以前看過它，但我不知道如何去做。

Answer 1

當你讀到textarea的內容只是這樣做：

var text = document.getElementById(textAreaId).value.replace("\n","<br/>"); 

通過這種方式，當你使用可變文本，這將是能夠打破行HTML。

Answer 2

假設您以HTML格式輸出，您需要用<br>替換換行符或用<pre>標記換行。

<pre>標籤定義了預格式化的 文本。在預元件

文本被顯示在 一個固定寬度的字體（通常速遞）， 和它保留兩個空間和線 符。

Answer 3

您應該將輸出上的white-space屬性設置爲pre值之一。看到這裏的允許值及其影響的列表：http://www.w3schools.com/CSS/pr_text_white-space.asp

<p style="white-space: pre;">Your text with newlines goes here.</p> 

或者乾脆用<pre>，即在默認情況下white-space: pre;一個HTML標記，但這改變您的字體的不便。

我建議不要存儲<br />而不是換行符。如果你想有HTML中斷，只需將它們添加到輸出中即可。