使用 JavaScript 在文本框中的每個換行符后插入文本

Question

我試圖在每個換行符后將文本嵌入文本框中。 具體來說，我想在 textarea 中每一行的開頭添加<div>並以</div>結尾。 我已經嘗試過這段代碼，但它只是在值的開頭和結尾添加了文本：

var arr = [document.getElementById("text1").value];
for( i=0; i<arr.length; i++ )
text2.value = '<div>' + arr[i] + '</div>';

它給出了 output ，如：

<div>
text line 1
text line 2
text line 3
</div>

但我想要的是：

<div>text line 1</div>
<div>text line 2</div>
<div>text line 3</div>

或者

請幫忙！

Answer 1

您應該使用“split”來拆分每個換行符，例如：

const text1 = document.getElementById("text1");
const text2 = document.getElementById("text2");
const arr = text1.value.split("\n");
text2.value = "";
for( i=0; i<arr.length; i++ )
    text2.value += "<div>"+arr[i]+"</div>\n";

Answer 2

這是使用普通 Javascript 的快速解決方案：

  var valueFromTextbox1= document.getElementById('text1').value;
  valueFromTextbox1.split(/\r?\n|\r|\n/g).forEach(function(textline){
    let previousValue = document.getElementById('text2').value;
    document.getElementById('text2').value = previousValue + '<div>'+textline+'</div>'+"\n";
  });