在jQuery/JavaScript中每行末尾添加标签

Question

我有一个<代码>

<div class="comment">
    <textarea class="form-control page_details" rows="5" id="text" placeholder="Detail here" name="details"></textarea>
    <button type="button">Generate</button>
</div>

并且当用户将他们的文本粘贴到textarea字段时。

洛雷姆·伊普苏姆·多洛尔·西特（Lorem ipsum dolor sit amet），
连续的发展精英们，
我们的目标是实现平等。

单击按钮时，它将如下所示。

Lorem ipsum dolor sit amet，<代码>

帮帮我伙计们。

Answer 1

将新行字符替换为<代码>

var pastedText = $("#text").val();
pastedText = pastedText.replace(/(\r\n|\n|\r)/gm, "<br>");

Answer 2

用于粘贴事件。

js lang-js prettyprint-override">$("button").on("click",function(){
  $("#text").bind("paste", function(e){
    $('#txtarea').append('<BR>').focus();
  });
});

<div class="comment">
    <textarea class="form-control page_details" rows="5" id="text" placeholder="Detail here" name="details"></textarea>
    <button type="button">Generate</button>
</div>

Answer 3

您可以使用字符串。原型。split（）与RegExp一起使用数组。原型使用参数join（）“

function addBreak(el) {
  var textarea = el;
  var matches = textarea.value.split(/\n|\s\n/);
  textarea.value = matches.join("<br>\n") + "<br>";
}

<div class="comment">
  <textarea class="form-control page_details" rows="5" id="text" placeholder="Detail here" name="details"></textarea>
  <button type="button" onclick="addBreak(this.previousElementSibling)">Generate</button>
</div>