JSFiddle - React, Tailwind, and code Playground

HTML

<p>
   Hello my name is jimmy john. I hate sandwiches. 
<p>

CSS

span
{
    color:red;
}

JavaScript

$('body').mouseup(function(){
   var span = document.createElement("span");
    if (window.getSelection) {
        var sel = window.getSelection();
        if (sel.rangeCount) {
            var range = sel.getRangeAt(0).cloneRange();
            range.surroundContents(span);
            sel.removeAllRanges();
            sel.addRange(range);
        }
    }
});