Заменить br на новые строки

#javascript #jquery #регулярные_выражения

Есть текст как на скриншоте, как в нём заменить теги 
, на новые строки ? (\n)


    

Ответы

Ответ 1

В принципе, можно попробовать просто оставить только текст:



document.querySelector('button').addEventListener('click', function () {
  var div = document.querySelector('.amessage')
  div.textContent = div.textContent;
})
.amessage {
  white-space: pre;
}

  строка 1
  
 строка 2
  

  
 строка 3




Ответ 2

Воспользуйтесь jQuery методом replaceAll. Примерно так:

$('\n').replaceAll('.amessage br');


Живой пример:



$('button').click(function () {
    console.log('html до:\n\n' + $('.amessage').html());
    $('\n').replaceAll('.amessage br');
    console.log('html после:\n\n' + $('.amessage').html());
});


    строка 1
    

    строка 2
    

    

    строка 3






Если же дана строка, содержащая html элементы, и нужно заменить 
 в ней, то можно
сделать примерно так:



let text =
`

    строка 1
    

    строка 2
    

    

    строка 3
`;

function replaceBrTagsToNewLineChar(text) {
  let element = $.parseHTML('
' + text + '
');
  element = $(element[0]);
  $('\n').replaceAll(element.find('br'));
  return element.html();
}

console.log('html до:\n\n' + text);
console.log('html после:\n\n' + replaceBrTagsToNewLineChar(text));