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>