knownasilya / Ember Highlight
Licence: mit
Highlight a given term(s) inside the `{{highlight-terms}}` component block.
Stars: ✭ 10
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Ember Highlight
Kov Blog
A blog platform built with koa,vue and mongoose. 使用 koa ,vue 和 mongo 搭建的博客页面和支持markdown语法的博客编写平台,自动保存草稿。博客地址:https://chuckliu.me
Stars: ✭ 635 (+6250%)
Mutual labels: highlight
Prism React Renderer
🖌️ Renders highlighted Prism output to React (+ theming & vendored Prism)
Stars: ✭ 903 (+8930%)
Mutual labels: highlight
Artplayer
🎨 ArtPlayer.js is a modern and full featured HTML5 video player
Stars: ✭ 484 (+4740%)
Mutual labels: highlight
Traces.vim
Range, pattern and substitute preview for Vim
Stars: ✭ 568 (+5580%)
Mutual labels: highlight
Rxmarkdown
📠Markdown for Android, supports TextView && EditText (Live Preview), supports code high light.
Stars: ✭ 714 (+7040%)
Mutual labels: highlight
Highlightbracketpair
🔆 Highlight bracket pair plugin for intellij
Stars: ✭ 428 (+4180%)
Mutual labels: highlight
Kindleclippings
Extract kindle highlights into organised text files
Stars: ✭ 24 (+140%)
Mutual labels: highlight
Vue Blog
A single-user blog built with vue2, koa2 and mongodb which supports Server-Side Rendering
Stars: ✭ 586 (+5760%)
Mutual labels: highlight
Flutter showcaseview
Flutter plugin that allows you to showcase your features on iOS and Android. 👌🔝🎉
Stars: ✭ 502 (+4920%)
Mutual labels: highlight
Refined Bitbucket
Chrome and Firefox extension that improves Bitbucket's user experience
Stars: ✭ 560 (+5500%)
Mutual labels: highlight
Ember Flexberry Data
OData v4 for EmberJS, JS Query Language, Offline, Data projections
Stars: ✭ 6 (-40%)
Mutual labels: ember-addon
Ember Bootstrap
Ember-cli addon for using Bootstrap as native Ember components.
Stars: ✭ 475 (+4650%)
Mutual labels: ember-addon
Ember Data Table
Data tables for Ember following Google Design specs
Stars: ✭ 19 (+90%)
Mutual labels: ember-addon
Ember Cp Validations
Ember computed property based validations
Stars: ✭ 442 (+4320%)
Mutual labels: ember-addon
Ember Cli Scss Lint
An ember-cli addon to integrate sass-lint for standards adherence and improved style consistency
Stars: ✭ 7 (-30%)
Mutual labels: ember-addon
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>
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].