Glossary Term Highlighter

WHAT IT DOES

Glossary Term Highlighter is a floating panel that stores and manages glossary terms with their definitions. Add terms and definitions to build your own glossary. Search through your terms. Click a term to highlight all occurrences of that term on the current page. Hover over any highlighted term to see its definition in a floating tooltip. Use "Apply All Highlights" to highlight every term from your glossary on the page at once, or "Clear All Highlights" to remove all highlights. This helps you learn new terminology, review documentation, or quickly reference definitions while reading any webpage.

WHERE IT RUNS

This script runs on any website you visit. It reads only the page you are looking at, never other tabs, bookmarks, or browser data. All data stays in your browser — nothing is sent anywhere.

HOW TO USE

Click the Glossary Term Highlighter panel button in the BotGentz extension toolbar. The panel appears at the edge of the page. To add a term, enter the term and its definition, then click "Save". To highlight a term on the page, click it in the list. Hover over any highlighted term to see its definition in a tooltip. Use "Apply All Highlights" to highlight every term from your glossary on the current page. Use "Clear All Highlights" to remove all highlights. Search terms using the search box. Edit or delete terms using the buttons on each term. Import/export terms for backup or sharing.

TECHNICAL MECHANISM

Terms are stored as an array of objects with term and definition properties, persisted using GM_setValue and restored with GM_getValue. When a term is highlighted, the tool traverses the DOM using a TreeWalker to find all text nodes containing the term. Each occurrence is wrapped in a span with a highlight class. The span has event listeners for mouseenter and mouseleave that show and hide a custom tooltip div. The tooltip displays the term and its definition and is positioned relative to the highlighted term. When "Apply All Highlights" is called, the process runs for every term in the glossary. The tool cleans up highlights by replacing highlighted spans with their original text. All operations run client-side in pure JavaScript.

THE PANEL

The panel is a floating overlay that you can drag anywhere on the screen by its header. It remembers its position per site so it reappears where you left it. The panel can be collapsed into a small handle to get it out of the way, and snapped to the edge of the page. It can be resized to fit your workflow. Press Escape to close the panel.

PLEASE NOTE

This script requires the free BotGentz extension to run. All data stays in your browser — nothing is transmitted or shared. The panel works on any website. The tool highlights exact matches of terms (case-insensitive). Terms with common words may produce many highlights. The tooltip appears on hover and may be cut off if near the edge of the page. Sites change — the script may need updates to match new site structures.