ember-highlight

1.2.8 • Public • Published

ember-highlight

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

NPM Build Status Ember Observer Score Ember Version

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>

Package Sidebar

Install

npm i ember-highlight

Weekly Downloads

20

Version

1.2.8

License

MIT

Unpacked Size

9.37 kB

Total Files

12

Last publish

Collaborators

  • knownasilya