Text Remover Chrome Extension

A simple Chrome extension that allows you to select elements on any webpage and either remove their text content or hide them completely.

Features

• Element Selection: Click to select elements on any webpage with visual highlighting
• Text Removal: Remove all text content from selected elements while preserving HTML structure
• Element Hiding: Completely hide selected elements from the page
• Visual Feedback: Bright green highlighting shows selected elements
• Toggle Selection: Easy enable/disable selection mode

Installation

From Source (Development)

1. Clone or download this repository
2. Open Chrome and navigate to chrome://extensions/
3. Enable "Developer mode" (toggle in the top right)
4. Click "Load unpacked" and select the extension folder
5. The extension will appear in your Chrome toolbar

Files Structure

text-remover-extension/
├── manifest.json          # Extension configuration
├── popup.html             # Extension popup interface
├── popup.js               # Popup functionality
├── content.js             # Page interaction script
├── content.css            # Visual styling for selected elements
├── README.md              # This file
└── .gitignore            # Git ignore rules

Usage

1. Start Selection: Click the extension icon and press "Enable Selection"
2. Select Elements: Click on any elements on the webpage you want to modify
   • Selected elements will be highlighted with a bright green border
   • A "WILL DELETE TEXT" indicator appears in the top-right corner
3. Choose Action:
   • Remove Selected Text: Removes all text content while keeping HTML structure
   • Hide Selected Elements: Completely hides the selected elements
4. Stop Selection: Click "Disable Selection" when finished

Use Cases

• Content Cleanup: Remove unwanted text from articles or documents
• Ad Blocking: Hide annoying advertisements or promotional content
• Privacy: Remove sensitive information before taking screenshots
• Focus Reading: Hide distracting elements to focus on main content
• Web Development: Test layouts without certain elements

Permissions

• activeTab: Required to interact with the current webpage
• scripting: Required to inject content scripts for element selection

Technical Details

The extension uses:

• Manifest V3 for modern Chrome extension standards
• Content Scripts for webpage interaction
• Message Passing for communication between popup and content script
• CSS Injection for visual highlighting of selected elements

Browser Compatibility

• Chrome (Manifest V3)
• Other Chromium-based browsers (Edge, Brave, etc.)

Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test the extension thoroughly
5. Submit a pull request

Known Issues

• Some websites with strict Content Security Policy (CSP) may interfere with the extension
• Elements with !important CSS rules may not hide completely
• Very complex nested elements may require multiple selections