如何使用正則表達式用新行替換段落元素？

Question

我當前正在使用正則表達式將textarea值的新行轉換為<p>標記，然后將此新格式化的文本塊插入頁面中，並且可以正常工作。 但是，可以重新編輯文本塊，即將文本塊放回文本區域進行編輯。 是否可以使用正則表達式再次用新行替換<p>標記，以便在編輯文本區域中的文本時保留間距？

（這將與JavaScript / jQuery一起使用）。

Answer 1

我建議您利用jQuery的查詢來獲取每個<p>的內容，然后將它們與\\n連接起來：

function getTexts(selector) {
  var textContents = $(selector).map(function(i, item) {
    return $(item).text();
  });

  return textContents.join("\n\n");
}

$("#theTextarea").val(getTexts("#someContainer > p"));

Answer 2

除了使用正則表達式，您還可以遍歷每個p元素，提取文本，並使用每個p的文本和換行符構建一個字符串。

var html = $('<div>' + text + '</div>');
var plain = '';

$(html.find('p')).each(function() {
    plain += '\n' + $(this).text();
});