Javascript

【Javascript】テキストをハイライト表示HR.js

May 10, 2017

HR.jsはDOM内のテキストをハイライト表示するJavaScriptプラグイン。

Install

hr.jsファイル

<script src="src/hr.js"></script>

CDN

<script src="https://rawgit.com/mburakerman/hrjs/master/src/hr.js"></script>

Usage

<p id="mytext">Lorem ipsum dolor sit amet.</p>
<script>
  new HR("#mytext", {
    highlight: "dolor",
    replaceWith: "cat",
    backgroundColor: "#B4FFEB"
  }).hr();
</script>

Support

  1. IE 10+
  2. Chrome
  3. Firefox
  4. Safari
  5. Opera

MIT