Skip to content

Angular 5+ module for displaying editable textarea where you can highlight text selections and filter your previous selection based on highlighting color. Check out live demo and play around with the options

License

Notifications You must be signed in to change notification settings

mmounirf/ngx-text-highlighter

Repository files navigation

npm version GitHub release Build Status GitHub issues

Text Highlighter

Angular 5+ module for displaying editable textarea where you can highlight text selections and filter your previous selection based on highlighting color. Check it out live demo and play around with the options here

Table of Contents

Installation

npm install ngx-text-highlighter --save

Usage

In your module add the following:

import { NgxTextHighlighterModule } from 'ngx-text-highlighter';

@NgModule({
  imports: [
    NgxTextHighlighterModule
  ]
})

In your component add the following:

<th-container></th-container>

Options

Key Description Type Default
[colors] Set of marker colors Array<string> ['#f44336', '#ffeb3b', '#4caf50']
[markerStyle] Marker Style, changes marker appearance string 'fixed'

Example

<th-container [colors]="['#e22525', '#25b2e2', '#3ee225','#e225d']" [markerStyle]="'float'"></th-container>

About

Angular 5+ module for displaying editable textarea where you can highlight text selections and filter your previous selection based on highlighting color. Check out live demo and play around with the options

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published