HR.js

Tiny JavaScript plugin for highlighting and replacing text in the DOM

No dependencies. ✔

⬇ Download

✒ Highlight

Highlight lorem

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

  new HR("#highlight_example", {
    highlight: "lorem"  
  }).hr();

⟳ Replace and ✒ Highlight

Replace elit with boo

Lorem ipsum dolor sit elit amet, consectetur adipisicing elit.

  new HR("#replace_highlight_example", {
    highlight:"elit",
    replaceWith: "boo",
    backgroundColor:"#B4FFEB"
  }).hr();

+ Multiple

Replace facilisi and offendit with cat and birdy

Utinam facilisi rationibus

Lorem ipsum dolor sit amet, viris honestatis mediocritatem ea quo. Mundi iuvaret tractatos ne nec, vide tantas ad pri. Mea id elitr assentior persecuti. Id vidisse oblique eum, eu graece phaedrum mediocrem mel, cu vocent patrioque cum.

Utinam facilisi rationibus id nec, in eum offendit singulis, diceret mentitum corrumpit mel cu. Cu ubique fierent mei. Ei quo regione lobortis, no malorum offendit pri, eu qui cibo euismod civibus. Usu inani consul intellegebat an, pro ea amet veri feugiat, simul appetere pri in. Odio simul dicam ne per, quem habeo facilisi cu vim, te autem viris evertitur per. Eam feugiat oporteat in. Option nostrud mea in, te esse eloquentiam eos, ut sed brute reque facete. Et vide disputando mei, copiosae constituam ne vis.
Adhuc clita scripta in nec, in nostrum appetere laboramus ius. Nec aeque intellegat et, eu dolor discere eloquentiam eos.

new HR(".multiple_example", {
  highlight: ["facilisi", "offendit"],
  replaceWith: ["cat", "birdy"],
  backgroundColor: "#c4f5aa"
}).hr();
🐙 View on Github for details