Quote Collector

WHAT IT DOES

Quote Collector is a browser extension that lets you select text on any webpage and save it as a quote with optional author, personal notes, and source information. It automatically captures the page title and URL as the source, and extracts hashtags from the selected text as tags. You can manually add quotes as well, with fields for the quote text, author, and note. The tool displays a searchable and filterable list of all saved quotes, allows you to copy any quote to your clipboard, and export all quotes as a JSON file. The tool is ideal for researchers, writers, students, and anyone who wants to collect and organize meaningful passages from their web reading.

WHERE IT RUNS

Quote Collector works on any webpage that contains selectable text. It runs locally in your browser as a lightweight userscript, reading selected text from the page. It works on articles, blogs, documentation pages, news sites, social media, and any other page with text content. The tool handles static pages and dynamically loaded content where text can be selected. All quote data is stored locally using GM_setValue—no text is ever sent to any server.

HOW TO USE

After installation, open the floating panel by clicking the extension icon. To save a quote from the page, select the text you want to save, then click the "Save Selected Text" button in the panel. A prompt will appear for optional author and note information. You can also manually add quotes by entering the quote text, author, and note in the Manual Add section and clicking Add Quote. Use the search bar to filter quotes by text, author, source, or tags. Click on tag buttons to filter by a specific tag. Click the Copy button (📋) on any quote to copy it to your clipboard. Click the Export All button to copy all quotes as a JSON string to your clipboard. Click the Delete button (✕) to remove a quote. All quotes are saved automatically and persist across browser sessions.

REAL MECHANISM — WHY THIS WORKS

Most quote collectors require copying and pasting text into a separate app or note-taking tool, losing the original source context. Quote Collector uses a DOM-integrated approach that captures selected text directly from the page along with its source metadata. The tool uses the Selection API to read the user's selected text via window.getSelection(), trimming whitespace and validating that text is selected. For source attribution, the tool reads document.title and window.location.href to capture the page title and URL at the moment of saving. The tool also extracts hashtags from the selected text by scanning for #word patterns using a regular expression, automatically tagging quotes for easier organization. When saving, the tool constructs a quote object with a unique ID, timestamp, and all metadata, then stores it in a JSON array using GM_setValue. The search functionality uses a case-insensitive substring match across quote text, author, source, and tags. Tag filtering uses exact tag matching. The export function serializes the entire quotes array to a JSON string and copies it to the clipboard. This approach ensures accurate, organized, and fully private quote collection without requiring any external services or manual data entry.

THE PANEL

The floating panel is fully draggable and remembers its position per site, snapping to the edges of the viewport when dragged near them. You can collapse the panel to a small icon to minimize screen distraction and expand it back with a single click. The panel is resizable from the bottom-right corner, giving you more space to view quotes and controls. Press the Escape key to close the panel instantly. The panel remains open across page navigation within the same domain, maintaining your current view state. All preferences—panel position—are saved per domain for a seamless experience.

PLEASE NOTE

Quote Collector requires the free BotGentz extension to be installed and enabled, as it relies on the cross-extension messaging API provided by BotGentz for DOM access permissions. Because websites frequently update their structure, text selection detection may require periodic script updates to maintain compatibility with specific sites. If the tool does not detect selected text as expected, please check for updates or report the issue. All quote data is stored locally in your browser using GM_setValue. No quote text, metadata, or usage data are ever sent to any server. The extension does not read, store, or transmit any personal information. It only reads selected text from the DOM and stores it locally at your explicit request.