Javascript：如何附加 <textarea> 行

Question

我有一個<textarea> ，我試圖在用戶單擊按鈕時在文本框內輸入的每個值周圍加上引號。 我的代碼似乎將每一行都視為一個大值，並且僅在第一個單詞的開頭和最后一個單詞的結尾添加引號，如下所示：

"one word
two word
three word"

我正在嘗試實現以下輸出：

"one word"
"two word"
"three word"

這是我當前的代碼：

 document.getElementById("phraseButton").addEventListener('click', function () { var keywordBox = document.getElementById('keywordBox'); keywordBox.value = ('"' + keywordBox.value + '"'); }); 

 <textarea id="keywordBox" type="text" rows="100" cols="30">Insert Keywords</textarea> <button id="phraseButton">Phrase</button> 

Answer 1

您可以使用replace()將文本區域中的所有\\n替換為"\\n" 。 像這樣的東西：

 document.getElementById("phraseButton").addEventListener('click', function () { var keywordBox = document.getElementById('keywordBox'); keywordBox.value = ('"' + keywordBox.value + '"'); keywordBox.value = keywordBox.value.replace(/\\n/g, '"\\n"') }); 

 <textarea id="keywordBox" type="text" rows="100" cols="30">Insert Keywords</textarea> <button id="phraseButton">Phrase</button>