JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
    <p>
        Here is a paragraph with a line break in it
        <br>
        Second line
    </p>
    <p>
        Here is another paragraph
    </p>
</div>
<textarea id="text" rows="6" cols="50"></textarea>

JavaScript

function getInnerText(el) {
    var sel, range, innerText = "";
    if (typeof document.selection != "undefined" && typeof document.body.createTextRange != "undefined") {
        range = document.body.createTextRange();
        range.moveToElementText(el);
        innerText = range.text;
    } else if (typeof window.getSelection != "undefined" && typeof document.createRange != "undefined") {
        sel = window.getSelection();
        sel.selectAllChildren(el);
        innerText = "" + sel;
        sel.removeAllRanges();
    }
    return innerText;
}

document.getElementById("text").value = getInnerText(document.getElementById("content"));