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 tofalse
.wordsOnly
- Defaults tofalse
.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>