Vue Text Highlighter is a simple and lightweight text highlighter for Vue.js that makes it easy to highlight specific characters within the text.

javascript highlight text in textarea, javascript text highlight library, javascript highlight element, jquery highlight text, javascript select text

Colorize Characters In Text Highlight Words in a String | Word Highlighter

How to make use of it:

Installation

npm install --save vue-text-highlight
# or
yarn add vue-text-highlight

Usage

import Vue from 'vue';
import TextHighlight from 'vue-text-highlight';

Vue.component('text-highlight', TextHighlight);

// new Vue ...

<template>
  <text-highlight :queries="queries">{{ description }}</text-highlight>
</template>

data() {
  return {
    queries: ['birds', 'scatt'],
    description: 'Tropical birds scattered as Drake veered the Jeep'
  };
}

Vue Text Highlighter Plugin/Github

See Demo And Download

Official Website(AlbertLucianto): Click Here

This superior jQuery/javascript plugin is developed by AlbertLucianto. For extra Advanced Usages, please go to the official website.