如何使用“突出显示文本区域”插件突出显示多个单词

Question

I've been using the Highlight Text Area plugin , but I'm having some problems to highlight multiple words, see code below:

<textarea cols="50" rows="5">communications nibh quis software & framework Quisque convallis communication skills vulputate. 
auctor blandit luctus.</textarea>

<script>
 $('textarea').highlightTextarea({
  words: ['software & framework', 'communication','communications','communication skills'],

});
</script>

Here are the results highlighted in bold:

communication s nibh quis software & framework Quisque convallis communication skills vulputate. auctor blandit luctus.

As you can see only "communication" is highlighted while I'd like to have the following results:

communications nibh quis software & framework Quisque convallis communication skills vulputate. auctor blandit luctus.

Answer 1

I have no experience with this jQuery plugin. But after setting up a JSFiddle , and "fiddling" around. Looks like the plugin matches based on priority of the order of the matches. Update your code to the below and it will work.

$('textarea').highlightTextarea({
    words: ['communication skills', 'communications', 'software & framework', 'communication'],
});