JSFiddle - React, Tailwind, and code Playground

HTML

<pre id="QComment">Initial Text</pre>
<pre id="QComment2">Initial Text</pre>

CSS

#QComment, #QComment2 {
    margin: 1em;
    padding: 1em;
    background: #ffff77;
}

#QComment2 {
    background: #77ff77;
}

JavaScript

var text = 'abc\ndef\n\nghi';
$('#QComment').text(text);
$('#QComment2').html(text);