Add the website
Open the target page, click the extension, and choose Enable on this website.
Guide and live demo
Choose a field, create rules, and replace text automatically.
The extension works only on websites you approve. Use the visual field picker for easy setup, or use CSS, XPath, element ID, name, or placeholder targeting.
Start in three steps
Host permission is requested only after you approve a website.
Pick the field
Save the website, click Pick, then click the input, textarea, or editable area on the page.
Create rules
Add plain-text or regex rules. They run from top to bottom and can be enabled, disabled, or reordered.
Field selector methods
Start with Pick or ID. Use CSS or XPath when you need more precision.
| Method | Example | When to use it |
|---|---|---|
| Visual Pick | Click the field on the page | Easiest option for most users |
| Element ID | demo-title | Simple and stable when the field has an ID |
| Name | title | Standard forms and content systems |
| CSS | input[name="title"] | Flexible, recommended technical option |
| XPath | //*[@id="demo-title"] | Complex document structures |
| Placeholder | Enter a title | Fields without a useful ID or name |
Replacement controls
Use automatic triggers or run replacement manually.
Paste, blur, or typing
Run after pasting, when leaving the field, or while typing with a short delay.
Replace now
Use the popup button or press Alt+Shift+C on a configured website.
Text and regex
Use plain text for simple replacements. Use regex for patterns such as \s{2,}.
Safe website access
Each site is approved separately. A page filter can limit the extension to selected paths on that host.
Languages
The extension listing and core popup interface include English, Spanish, French, German, Brazilian Portuguese, and Hindi. Chrome automatically chooses the browser language.
Live rule demo
This demo appears after the guide and uses your saved extension rules.
Input field
Textarea
Contenteditable area
[DRAFT] Chapter 20 Finale
Input and change events
Waiting for field events...
Guide and demo settings
The same public page is used for documentation and testing.
Public URL
Default target
:
The default demo field is #demo-title.
Troubleshooting
Common fixes when a website does not change.
No editable field was found
Use Test selector on current page, or use the visual Pick button.
The website is enabled but the page is excluded
Set the page filter to * or use a matching path such as /editor/*.
The text changes but the website does not save it
Try the paste or blur trigger. Some advanced editors use custom internal events and may need a site-specific integration.
The field is inside an iframe
The current version targets the main page document. Cross-origin frames require separate permission and frame support.