jQuery highlightText plugin demo

simple string:

$(".content").highlightText("in");

Turpis lectus, odio pulvinar ut ut dictumst pulvinar dictumst rhoncus ut, enim, sit et dolor ultricies ac sit cum mid adipiscing nunc nascetur velit, sed egestas. Parturient sed, dolor montes nunc dignissim et ac enim, vel urna lectus, sociis porta, ut dignissim? Et aenean nisi. Porttitor a pellentesque lectus tristique habitasse! Ac, dapibus habitasse tempor urna! In vut, porttitor ultrices. Arcu ultrices ut! Adipiscing ultricies cursus in non odio, nunc mus? Rhoncus pid phasellus nunc. Mattis urna. Et risus! Cum dis placerat nisi elementum. Placerat, ac turpis turpis pid sit, porta purus lorem facilisis egestas pellentesque, eros cras odio integer, a scelerisque dis turpis quis nunc mattis velit egestas. Dis purus porttitor, urna et massa? Elementum! Odio, enim in et.

delimited string:

$(".content").highlightText("in|odio");

Turpis lectus, odio pulvinar ut ut dictumst pulvinar dictumst rhoncus ut, enim, sit et dolor ultricies ac sit cum mid adipiscing nunc nascetur velit, sed egestas. Parturient sed, dolor montes nunc dignissim et ac enim, vel urna lectus, sociis porta, ut dignissim? Et aenean nisi. Porttitor a pellentesque lectus tristique habitasse! Ac, dapibus habitasse tempor urna! In vut, porttitor ultrices. Arcu ultrices ut! Adipiscing ultricies cursus in non odio, nunc mus? Rhoncus pid phasellus nunc. Mattis urna. Et risus! Cum dis placerat nisi elementum. Placerat, ac turpis turpis pid sit, porta purus lorem facilisis egestas pellentesque, eros cras odio integer, a scelerisque dis turpis quis nunc mattis velit egestas. Dis purus porttitor, urna et massa? Elementum! Odio, enim in et.

array full match only:

$(".content").highlightText(["in","odio"],true);

Turpis lectus, odio pulvinar ut ut dictumst pulvinar dictumst rhoncus ut, enim, sit et dolor ultricies ac sit cum mid adipiscing nunc nascetur velit, sed egestas. Parturient sed, dolor montes nunc dignissim et ac enim, vel urna lectus, sociis porta, ut dignissim? Et aenean nisi. Porttitor a pellentesque lectus tristique habitasse! Ac, dapibus habitasse tempor urna! In vut, porttitor ultrices. Arcu ultrices ut! Adipiscing ultricies cursus in non odio, nunc mus? Rhoncus pid phasellus nunc. Mattis urna. Et risus! Cum dis placerat nisi elementum. Placerat, ac turpis turpis pid sit, porta purus lorem facilisis egestas pellentesque, eros cras odio integer, a scelerisque dis turpis quis nunc mattis velit egestas. Dis purus porttitor, urna et massa? Elementum! Odio, enim in et.

reqular expression string with multiple classes and ful match only:

$(".content").highlightText("[a-z]{4}","bold blue",true);

Turpis lectus, odio pulvinar ut ut dictumst pulvinar dictumst rhoncus ut, enim, sit et dolor ultricies ac sit cum mid adipiscing nunc nascetur velit, sed egestas. Parturient sed, dolor montes nunc dignissim et ac enim, vel urna lectus, sociis porta, ut dignissim? Et aenean nisi. Porttitor a pellentesque lectus tristique habitasse! Ac, dapibus habitasse tempor urna! In vut, porttitor ultrices. Arcu ultrices ut! Adipiscing ultricies cursus in non odio, nunc mus? Rhoncus pid phasellus nunc. Mattis urna. Et risus! Cum dis placerat nisi elementum. Placerat, ac turpis turpis pid sit, porta purus lorem facilisis egestas pellentesque, eros cras odio integer, a scelerisque dis turpis quis nunc mattis velit egestas. Dis purus porttitor, urna et massa? Elementum! Odio, enim in et.

reqular expression object that only returns a piece of the word:

var re = new RegExp("\\bpul(vin)ar\\b","ig");
$(".content").highlightText(re);

Turpis lectus, odio pulvinar ut ut dictumst pulvinar dictumst rhoncus ut, enim, sit et dolor ultricies ac sit cum mid adipiscing nunc nascetur velit, sed egestas. Parturient sed, dolor montes nunc dignissim et ac enim, vel urna lectus, sociis porta, ut dignissim? Et aenean nisi. Porttitor a pellentesque lectus tristique habitasse! Ac, dapibus habitasse tempor urna! In vut, porttitor ultrices. Arcu ultrices ut! Adipiscing ultricies cursus in non odio, nunc mus? Rhoncus pid phasellus nunc. Mattis urna. Et risus! Cum dis placerat nisi elementum. Placerat, ac turpis turpis pid sit, porta purus lorem facilisis egestas pellentesque, eros cras odio integer, a scelerisque dis turpis quis nunc mattis velit egestas. Dis purus porttitor, urna et massa? Elementum! Odio, enim in et.