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
• Usage
• Options
• Example
• Demo

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>