檢測textarea自然換行符

Question

我有一個textarea元素，在它上面，我也有一個div塊，它完全疊加在textarea上（例如：-facebook comment box）。一切都會變得很酷並且很好，直到這一行破碎進入現場。因此，我試圖檢測文本區域中的每一行換行符（自然文字換行符），並在遇到遇到時將一個<br/>標籤插入到div塊中。

實際上，循環遍歷textarea中的字符可以解決這個問題，但這會過度殺傷該過程，特別是當textarea的值恰好很長時。

html5的「wrap-hard」屬性正是我所需要的，但需要提交表單。

有人可以提出一個理想的方式來檢測textarea中的自然換行符嗎？ 非常感謝！

Answer 1

您可以在div使用word-break或white-space屬性：

http://caniuse.com/#feat=word-break
http://www.w3schools.com/cssref/playit.asp?filename=playcss_white-space&preval=pre-line

Answer 2

Hopefuly這些鏈接會幫助你，

JavaScript: How to add line breaks to an HTML textarea?

http://www.sitepoint.com/forums/showthread.php?430599-lt-textarea-gt-new-line

只是測試返回字符