換行符不適用於textarea替換

Question

我正在嘗試將文本區域中的一個單詞替換為另一個文本，但是我似乎無法使用換行符。

<input type="text" id="testing" value="Newline \n test" /><br />
<textarea>test</textarea><br />
<button>Test</button>

$("button").on("click", function() {
    $("textarea").text($("textarea").text().replace(/test/g, $("#testing").val()));
});

按下按鈕。 不會用新行替換\\ n。 我嘗試了<br /> ， <br> （錯誤的HTML）， %0A和
 但它仍然不起作用。

小提琴

Answer 1

您需要用實際的\\ n換行符替換字符串'\\ n'（2個字符'\\'，'n'）。

這應該做您需要的。

var textBoxline = $("#testing").val().replace(/\\n/g, '\n');                                
$("textarea").text($("textarea").text().replace(/test/g, textBoxline));

您仍然需要為\\ n本身周圍的前導/尾隨空格留出余地。