With <form><textarea>如何在用戶按下輸入時創建換行

Question

我在表單中有一個textarea，然後以問答論壇的樣式輸出用戶書寫的文本。

但是，當用戶在提交文本時按下回車鍵看到他們看到的新文本行，然後出現在屏幕上時，字符串全部在一行中，沒有換行符可見。

我該如何解決這個問題？

正如你在這裏看到的，在這個textarea中，我通過按ENTER創建了新行，並且我想要在我的網站上發生完全相同的事情。

Answer 1

textarea中的新行是一個新行字符。

如果將其輸出到HTML文檔，它將被視爲與任何其他新行字符（即可摺疊空白）一樣。

您需要用HTML表示新行。

• 將內容包裝在<pre>元素中。
• 使用CSS空白財產
• 處理文本，以取代新線同款和/或斷行標記

注意，輸出用戶輸入到瀏覽器，而不適當的處理會使你容易受到XSS攻擊。

Answer 2

您需要用標籤br替換特殊的simbol「\ r」。

C＃：

yourtext.Replace("\r", "<br>");