ember-highlight

Highlight a given term(s) inside the {{highlight-terms}} component block.

See the demo.
Uses jquery-highlight internally.

ember install ember-highlight

Usage

<!-- list=['joh', 'fail'] -->
{{#highlight-terms 'hello' list 'other'}}
  Hello my name is Johnny.
{{/highlight-terms}}

Default term wrapper is span.highlight which is styled automatically by a single style, see vendor/simple.css. To override just add your own style to .highlight-terms .highlight.

Attributes

The positional params map to term. Each param can be an array of terms, which are automatically flattened.

• caseSensitive - Defaults to false.
• wordsOnly - Defaults to false.
• term - String or Array of strings, or an Array of arrays of strings.

Testing

ember test --server

Visit http://localhost:4200/ember-highlight/ to see the demo app.

Building Demo (Github Pages)

Build by checking out the relevant branch, since the test dummy app is actually the demo app.

Run the following command:

ember github-pages:commit --message <message describing demo release>