Highlightify

Highlight portions of text given text, a filter and an optional className.

Installation

$ npm install highlightify --save

Usage

Node/Browserify/CommonJS

First, install it via NPM and save it to your project:

$ npm install highlightify --save

Import it where you need it:

import Highlightify from 'highlightify';

or if you are using < ES2015,

var Highlightify= require('highlightify');

and then call it with text, filter, and/or optional tagName or className options:

Highlightify({
  text: 'some text to match against', // required
  filter: 'ext', // required
  tagName: 'span', // optional. default: 'mark'
  className: 'is-highlighted' // optional. default: 'highlightify-is-match'
});
// => 'some t<span class="is-highlighted">ext</span> to match against'

Global Variable

Simply include the dist script on the page to gain access to it. There are development & production builds in the dist folder.

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <script src="path/to/highlightify.js"></script>
  </body>
</html>

Contribute

Check out the issues
Fork this repository
Clone your fork
Check out a feature branch ($ git checkout -b my-feature)
Make your changes and push your branch to your GitHub repo
Create a pull request from your branch to this repo's master
When all is merged, pull down the upstream changes to your master

Package detail

highlightify

readme