使用 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";
  });