Examples

Case insensitive

$('textarea').highlightTextarea({
  words: ['lorem ipsum', 'VULPUTATE'],
  caseSensitive: false
});

Resizable

$('textarea').highlightTextarea({
  words: ['Lorem ipsum', 'vulputate'],
  resizable: true
});

Regular Expression

$('textarea').highlightTextarea({
  words: ['{(.+?)}']
});

Multiple colors

$('textarea').highlightTextarea({
  words: [{
    color: '#ADF0FF',
    words: ['Lorem ipsum', 'vulputate']
  }, {
    color: '#FFFF00',
    words: ['Donec']
  }]
});

Indexes ranges

$('textarea').highlightTextarea({
  ranges: [{
    color: '#ADF0FF',
    start: 0,
    length: 10
  }, {
    color: '#FFFF00',
    ranges: [[40,45], [50,55]]
  }]
});

Customize highlight

<script>
  $('textarea').highlightTextarea({
    words: ['Lorem ipsum', 'vulputate'],
    id: 'demoCustom'
  });
</script>

<style>
  #demoCustom mark {
    padding:0 3px;
    margin:-1px -4px;
    border-radius:0.5em;
    border:1px solid pink;
  }
</style>

HTML Entities

<script>
  $('#demo10').highlightTextarea({
      ranges: [{
          class: 'blue',
          start: 0,
          length: 2
      }, {
          color: '#FFFF00',
          ranges: [[12, 15]]
      }],
      id: 'demo10-wrap'
  });
</script>

Accents

<script>
  $('#demo11').highlightTextarea({
      ranges: [{
          color: '#FFFF00',
          ranges: [[0, 1], [10, 11], [21, 22], [24, 25]]
      }]
  });
</script>