TextHighlighter Demo


var hltr = new TextHighlighter(sandbox);

colors.onColorChange(function (color) {
    hltr.setColor(color);
});

buttonRemove.onclick = function () {
    hltr.removeHighlights();
};
SANDBOX

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus malesuada sagittis. Morbi purus odio, blandit ac urna sed, interdum pharetra leo. Cras congue id est sit amet mattis. Sed in metus et orci eleifend commodo. Phasellus at odio imperdiet, efficitur augue in, pulvinar sapien. Pellentesque leo nulla, porta non lectus eu, ullamcorper semper est. Nunc convallis risus vel mauris accumsan, in rutrum odio sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed at tempus mauris. Fusce blandit felis sit amet magna lacinia blandit.

Maecenas faucibus hendrerit lectus, in auctor felis tristique at. Pellentesque a felis ut nibh malesuada auctor. Ut egestas elit ac ultrices ullamcorper. Pellentesque enim est, varius ultrices velit eget, consectetur aliquam tortor. Aliquam sit amet nibh id tellus sollicitudin faucibus. Nunc euismod augue tempus, ornare justo interdum, consectetur lacus. Pellentesque a molestie tellus, eget convallis lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae nunc sed risus blandit convallis id id risus. Morbi tortor metus, imperdiet sed ipsum quis, condimentum mattis tellus. Fusce orci nisi, ultricies vel hendrerit id, egestas id turpis. Proin cursus diam tortor, sed ullamcorper eros commodo vitae. Aenean et maximus sapien. Nam felis velit, ullamcorper eu turpis ut, hendrerit accumsan augue. Nulla et purus sem. Ut at hendrerit purus. Phasellus mollis commodo ante eu mollis. In nec dui vel mauris lacinia vulputate id nec turpis. Aliquam vestibulum, elit sit amet fringilla malesuada, quam nunc eleifend nunc, id iaculis est neque pretium libero.

First Name Last Name Email
JohnLucius j.lu@mail.com
NikolaiBodrov niko.b@mail.com
SteveSuzy s.suzy@mail.com
AlexStirling alexs@mail.com

Donec sollicitudin commodo risus in consequat. Curabitur ultricies sagittis mi, a dapibus nunc mollis sed. Sed ut pretium leo, quis vehicula diam. Proin nisi metus, elementum ut mi porttitor, cursus egestas sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus mattis ipsum ut enim efficitur mollis. Vivamus id mollis lectus.

In est tortor, tincidunt vitae elit at, ultricies tincidunt magna. Aenean suscipit ante sapien, quis sagittis felis efficitur feugiat. In arcu elit, hendrerit vel varius eget, elementum vitae lectus. Phasellus ut purus commodo ante iaculis molestie. Integer turpis felis, pellentesque eu dignissim vel, sodales vel metus. Aliquam tempus lorem odio. Sed purus arcu, auctor eget sodales ac, venenatis ac velit. Praesent a quam at purus varius accumsan sit amet quis magna. Praesent efficitur velit quis mi posuere, ut egestas elit egestas. Etiam vulputate lacus in posuere suscipit. Fusce molestie sem ipsum. Phasellus consectetur, purus quis auctor laoreet, elit nisi aliquet metus, et placerat nunc tellus ac massa. Praesent cursus ornare nulla eu ultrices.