在p和textarea之間來回移動數據，但保留換行符

Question

這對於獲得正則表達式的人來說應該是一個簡單的。

我在頁面上有一個字段，由php預先填充，但可以使用javascript編輯。 在“編輯模式”和“固定模式”之間切換時，我需要能夠保留換行符。

我知道textareas喜歡他們的換行符\\n ，而普通的html喜歡看<br />標簽。 我正在使用函數.replace(/\\n/g, '<br />')從textarea到div，但我不知道如何使用該字段將字段恢復到textarea並保留換行符。

另外我不知道是否只是更換<br />與\\n是安全的，如果瀏覽器決定它喜歡的<br>更好。

Answer 1

設置white-space: pre-wrap在CSS中white-space: pre-wrap ，然后保留換行符，而不需要用br標簽替換它們。

看到這個例子： http ： //jsfiddle.net/jVBdm/

更新： white-space: pre-wrap在IE6和IE7中不起作用（感謝Kenneth J指出這一點）但是white-space: pre會起作用 - 這對你來說可能是也可能不夠。 您可以使用IE6和IE7的條件樣式在現代瀏覽器上使用pre和use使用pre-wrap 。

Answer 2

這其實並不重要，你是否使用<br /> （XHTML）或<br>瀏覽器應解析它們完全相同。

我想你會使用你插入的相同斷點標簽。

為了安全起見，我想你可以做到這兩點。

txt =  txt.replace(/<br \/>|<br>/gi, '\n')