UI Scraper : Element Text Extractor

MakMak
2025-07-06T11:26:47Z

Advanced UI element text extractor with keyboard shortcuts, export formats, undo functionality, and optimized performance

UI Scraper : Element Text Extractor

The UI Scraper Element Text Extractor is a powerful user script that allows you to easily pull text from various elements on a webpage. Whether you need to create a simple list or a structured table of data, this tool simplifies the process with an intuitive interface, keyboard shortcuts, and multiple export options. It's designed for efficiency, featuring an advanced batch selection mode that intelligently identifies similar elements and a manual CSS selector for precise targeting.

Features

Two Extraction Modes: Choose between a simple 'List' mode for single items or a 'Table' mode for structured, multi-column data.

Intelligent Batch Selection: Automatically find and select elements similar to your initial selection, significantly speeding up data collection.

Manual CSS Selector: For advanced users, directly input a CSS selector to grab specific elements in 'List' mode.

Multiple Export Formats: Export your collected data as Plain Text, JSON, CSV, or an HTML table.

Keyboard Shortcuts: Toggle the extractor, start/stop selection, undo actions, and manage the panel with simple key combinations.

Undo Functionality: Made a mistake? Quickly undo your last action with Ctrl+Z.

Draggable & Minimizable UI: The interface panel can be moved around the screen and minimized to stay out of your way.

Semi-Transparent Mode: Make the panel semi-transparent to see and select elements located behind it.

Session Persistence: Your collected data is automatically saved, so you can pick up where you left off.

How to Use

1. Enable the Extractor: Click the Tampermonkey icon in your browser and select "⚪ Enable Extractor" from the menu, or use the Ctrl+K shortcut.

2. Choose Your Mode:

List Mode: Select this to create a simple, single-column list of text items. You can either click on elements one by one or use the CSS selector input for bulk selection.

Table Mode: Use this to create a structured table. You will first be prompted to enter comma-separated column names. Then, click on elements sequentially to fill the cells of each row.

3. Start Selecting: Click the "Start Selecting" button (or press Ctrl+K again). As you hover over the webpage, elements will be highlighted. Click on an element to extract its text.

4. Batch Selection: After selecting at least one item, click the "Batch" button. The script will analyze your selection and automatically highlight all similar elements on the page. Click any of the new highlights to add all of them to your data.

5. Stop Selecting: To stop the selection process, either click the "Stop Selecting" button or press the Esc key.

6. Export Your Data: Once you have collected your data, you can copy it to the clipboard or use the Export dropdown to save it as a file in your desired format.

Keyboard Shortcuts

Shortcut | Action
Ctrl+K | Toggles the extractor panel on or off.
Esc | Stops the current selection process.
Ctrl+Z | Undoes the last selection or action.
Ctrl+T | Toggles semi-transparent mode for the panel.

Export Formats

You can export the collected data in the following formats:

Plain Text: A simple text file with one item per line. For tables, columns are separated by tabs.

JSON: A structured JSON file. For lists, this will be an array of strings. For tables, it will be an array of objects where each object represents a row.

CSV: A comma-separated values file, suitable for opening in spreadsheet software like Excel or Google Sheets.

HTML: A basic HTML file containing a styled table or list of your data.