Acronym Highlighter

WHAT IT DOES

Acronym Highlighter is a floating panel that stores and manages acronyms with their full forms. Add acronyms and their full forms to build your own reference library. Search through your acronyms. Click an acronym to highlight all occurrences of that acronym on the current page. Hover over any highlighted acronym to see its full form in a floating tooltip. Use "Apply All Highlights" to highlight every acronym from your library on the page at once, or "Clear All Highlights" to remove all highlights. This helps you understand technical documentation, read industry-specific content, or quickly reference acronym definitions while browsing 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 Acronym Highlighter panel button in the BotGentz extension toolbar. The panel appears at the edge of the page. To add an acronym, enter the acronym and its full form, then click "Save". To highlight an acronym on the page, click it in the list. Hover over any highlighted acronym to see its full form in a tooltip. Use "Apply All Highlights" to highlight every acronym from your library on the current page. Use "Clear All Highlights" to remove all highlights. Search acronyms using the search box. Edit or delete acronyms using the buttons on each acronym. Import/export acronyms for backup or sharing.

TECHNICAL MECHANISM

Acronyms are stored as an array of objects with acronym and full properties, persisted using GM_setValue and restored with GM_getValue. When an acronym is highlighted, the tool traverses the DOM using a TreeWalker to find all text nodes containing the acronym. Each occurrence is wrapped in a span with a highlight class and a border underline. The span has event listeners for mouseenter and mouseleave that show and hide a custom tooltip div. The tooltip displays the acronym and its full form and is positioned relative to the highlighted acronym. When "Apply All Highlights" is called, the process runs for every acronym in the library. 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 acronyms (case-insensitive). Acronyms with common letter combinations 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.