isoden/text-highlighter

Highlight text in DOM

text-highlighter

Highlight text in DOM.

Installation

$ npm install text-highlighter --save

Usage

<div id="container">
We 💓 TypeScript!
</div>

<script src="lib/text-highlighter.js"></script>
<script>
  var textHighlighter = new TextHighlighter(document.getElementById('container'));
  // apply highlight
  textHighlighter.highlight('typescript');

  // remove highlight
  textHighlighter.dehighlight();
</script>

Support Zenkaku & Hankaku

before

<div id="container">
We 💓 ＴｙｐｅＳｃｒｉｐｔ!
</div>

<script>
  ...
  // apply highlight
  textHighlighter.highlight('typescript');
</script>

after

<div id="container">
We 💓 <mark>ＴｙｐｅＳｃｒｉｐｔ</mark>!
</div>

Thanks

• http://stackoverflow.com/questions/10416643/highlight-words-in-html-using-regex-javascript-almost-there
• http://jquery.nj-clucker.com/change-double-byte-to-half-width/

License

MIT