knownasilya / ember-highlight

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

Home Page:http://knownasilya.github.io/ember-highlight/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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>

About

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

http://knownasilya.github.io/ember-highlight/

License:MIT License


Languages

Language:JavaScript 79.8%Language:HTML 14.0%Language:Handlebars 6.2%