JSFiddle - React, Tailwind, and code Playground

by Sergei Sokolov

HTML

<div id="src">
Беда стране, где раб и льстец<br>
Одни приближены к престолу,<br>
А небом избранный певец<br>
Молчит, потупя очи долу.
</div>
<textarea id="ta" cols="80" rows="5"></textarea>

<button id="btn-from">Div to textarea</button>
<button id="btn-to">Textarea to div</button>

CSS

div {border:1px solid #f60;padding:10px;margin:10px}
textarea{border:1px solid #555;margin:10px;display:block; width:500px,height:200px}

JavaScript

/**
 * для вопроса https://toster.ru/q/555843
 */
const elSrc = document.getElementById("src");
const elTa = document.getElementById("ta");

document.getElementById("btn-from")
  .addEventListener('click',function(){
    elTa.value = elSrc.innerHTML
      .replace(/<br\/?>/ig, '\n')
      .replace(/\n+/g, '\n')
      .trim()
    ;
});

document.getElementById("btn-to")
  .addEventListener('click',function(){
    elSrc.innerHTML = elTa.value
      .replace(/\n/g, '<br>')
      .trim()
    ;
});