A Chrome extension that enables HTML content insertion in Gmail compose windows with a modern Material Design interface.
- Insert HTML content directly into Gmail compose windows
- Modern Material Design dark theme UI
- HTML preview functionality
- File upload support (drag & drop enabled)
- CSS processing to inline styles
- HTML sanitization for security
- Seamless Gmail integration
- Clone this repository or download the ZIP
- Open Chrome and navigate to
chrome://extensions/ - Enable "Developer mode"
- Click "Load unpacked" and select the extension directory
- Click the extension icon in Chrome to open Gmail
- In the compose window, find the HTML icon in the formatting toolbar
- Enter HTML content directly or upload an HTML file
- Preview your content before inserting
- Click "Insert" to add the HTML to your email
- CSS processing converts stylesheet rules to inline styles
- HTML sanitization removes potentially harmful elements
- Script tags and event handlers are stripped
- Iframes are sandboxed
- Links open in new tabs with security attributes
``` ├── background.js # Chrome extension background worker ├── content.js # Gmail integration and UI components ├── manifest.json # Extension configuration ├── popup.html # Extension popup UI ├── popup.js # Popup functionality └── styles.css # UI styling ```
No build process required - this is a vanilla JavaScript extension.
- Load the extension in developer mode
- Open Gmail and compose a new email
- Test HTML insertion functionality
- Verify sanitization and CSS processing
- Initial release
- HTML content insertion in Gmail
- Material Design dark theme
- File upload support
- Preview functionality
- CSS processing
- HTML sanitization
- Gmail toolbar integration
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License.
If you find this extension useful, consider supporting the project through the donate button in the extension popup.