Author: | wstaeblein |
---|---|
Views Total: | 419 views |
Official Page: | Go to website |
Last Update: | March 2, 2023 |
License: | MIT |
Preview:

Description:
A responsive text highlighter plugin that makes it possible to highlight specific text within a textarea
element. Inspired by Tiny jQuery Plugin To Highlight Text In Textarea.
How to use it:
1. Load the texthighlighter.js plugin’s files in the document.
<link href="texthighlighter.css" rel="stylesheet"> <script src="texthighlighter.js"></script>
2. Initialize the textHighlight on your textarea.
<textarea id="example" spellcheck="false"> ... </textarea>
let textContent = document.getElementById('example'); let instance = new textHighlight(textContent);
3. Highlight specific text within the textarea.
let textHighlight = 'text to highlight'; instance.search(textHighlight);
4. Determine if the results are case-sensitive or not.
let textHighlight = 'text to highlight'; let caseSensitive = true; instance.search(textHighlight, caseSensitive);
5. Clear all highlights.
instance.clear();
6. Destroy the plugin.
instance.destroy();
Changelog:
03/02/2023
- CSS adjustment