JSFiddle - React, Tailwind, and code Playground

HTML

<div id="paren1">Hello<br><br><br><div>more</div><div>last</div></div>
<div id="paren2">Hello<br>
<br>
<br>
<div>more</div>
<div>last</div></div>
<hr>

<div class="test">
  <p>
    Copy the above lines and paste it in!
  </p>
  <div>
    <textarea id="theTextArea1" rows="5"></textarea>
    <textarea id="theTextArea2" rows="5"></textarea>
  </div>
</div>

CSS

.test {
  color: #999
}

textarea {
  width: 200px;
}

JavaScript

var parent1 = $("#paren1");
var textarea1 = $("#theTextArea1");

var parent2 = $("#paren2");
var textarea2 = $("#theTextArea2");

// Set the value of the text area to be the html of the thing I care about
var text = parent1.html();
text = text.replace(new RegExp("<br>", 'g'),"\n");
text = text.replace(new RegExp("<div>", 'g'),"");
text = text.replace(new RegExp("</div>", 'g'),"\n");
textarea1.val(text);

textarea2.val(parent2.text());