text-marker v1.1.5

TextMarker

Angular simple text marker with customize style

Install

$ npm i text-marker

Usage

HTML

<jk-text-marker [inputQuery]="searchtext" [styleClass]="styleclassname">
  your text here...
<jk-text-marker>

inputQuery => user search query.
styleClass => your custome styleclass name.

TS

@Component({
    selector: 'app-selector',
    template: 'app-selector.html',
    styles: ['app-selector.scss'],
    encapsulation: ViewEncapsulation.Emulated
})
export class appcomponent{}

Note: You must need to add encapsulation in component decorator. Moreinfo checkout https://blog.thoughtram.io/angular/2015/06/29/shadow-dom-strategies-in-angular2.html

SCSS

.customeStyle {
  background-color: yellow
  color: white;
  font-family: sans-serif;
  font-weight: 700
}

Test

$ ng test text-marker

Author

JayaSurya