JSFiddle - React, Tailwind, and code Playground

by chintansoni

HTML

<p>This is a paragraph paragraph</p>

CSS

.touched
{
    color:blue;
}

JavaScript

// For select text should heighlighted
$(document).ready(function()
{
    var p = $('p');
    //p.css({ cursor: 'pointer' });
    p.dblclick(function(e) {
        var org = p.html();
        var range = window.getSelection() || document.getSelection() || document.selection.createRange();
        var word = $.trim(range.toString());
        if(word != '')
        {
            var newWord = "<span class='touched'>"+word+"</span>";
            var replaced = org.replace(word, newWord);
            $('p').html(replaced);
        }
        range.collapse();
        e.stopPropagation();
    });    
});