JSFiddle - React, Tailwind, and code Playground

by phil_mcc

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque iaculis, nulla sit amet pretium semper, mauris enim mattis mi, sit amet commodo mi nunc eu orci. Nullam sed risus porta justo tempus pharetra. Fusce tristique sodales nunc eu tempus. Nulla consectetur quam sit amet sapien auctor mollis. Vivamus in risus risus. Donec vel elit nec nunc molestie lobortis id at diam. Donec tincidunt, diam quis mattis adipiscing, urna diam accumsan dui, eget aliquam augue dui sed erat. Curabitur sollicitudin est quis justo eleifend commodo.</p>

<p>Donec consequat nisi in nisi consectetur id gravida magna sodales. Etiam nec nisl eget sem gravida sodales vel sit amet quam. Nunc non odio in lacus pellentesque bibendum non quis velit. Duis et tellus id purus sodales varius. Cras vestibulum tortor a diam auctor sit amet adipiscing odio cursus. Vestibulum nulla quam, consectetur a aliquam et, bibendum ut tellus. Ut congue nisl ut sem pharetra tincidunt. Phasellus volutpat, risus id accumsan pretium, purus tellus iaculis enim, ac iaculis lacus diam eget lorem. Cras scelerisque luctus est vel congue. Sed id erat sed nulla bibendum egestas. Donec eget urna nulla, ut accumsan quam. Phasellus euismod, justo laoreet consequat porta, magna purus mollis tellus, luctus semper risus tellus id eros. Aliquam vitae lacus nibh, id viverra mi. Suspendisse eu diam et lacus tempus aliquet vel a nisi. Proin tempus placerat lacus adipiscing tincidunt.</p>

JavaScript

var text = $(document.body).text();

var highlightTerms = [{
    start: 10,
    end: 20,
    term: "test",  
    class: "term1"
    }];
    
var search = new RegExp("don", "ig");
var result = search.exec(text);
console.log(result.index);