Enable an edition mode to modify any text in a web page.

Latest Version

Version

1.1.0.0

Update

May 28, 2024

Size

74.65KiB

Developer

Edition Mode Extension

Edition Mode is an extension whose goal is to turn all texts in a web page editable so they can be modified easily. If you're familiar with Chrome DevTools, you know you can inspect any text of a page and edit its content. With Edition Mode you can do this in an easier and more comfortable way.

To activate the extension and make all the page's texts editable, you have to click on its icon or use the keyboard shortcut Ctrl + Shift + E. The extension's icon can be found among the rest of those you have installed, at the top right corner of Chrome's window. It can be deactivated doing the same thing to make all the texts that weren't editable initially unmodifiable again.

Are you still reading? Well, there is one REALLY important detail you have bear in mind for the extension to work. Many of web pages' texts are contained in buttons or links that execute actions when they're clicked. Once the extension is active, to change any text without triggering these events, you may need to make use of this little trick: instead of pressing the text with the left click of your mouse, as it would be done normally, you need to use the right click and then press the Esc key. This way, you can access the text and edit it without activating its associated actions.

You can watch a demo here: https://youtu.be/iplQsZN6-uE.

Code: https://github.com/jmt-chromeextensions/EditionMode

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Edition Mode", "description": "Enable an edition mode to modify any text in a web page.", "short_name": "EditionMode", "version": "1.1.0.0", "icons": { "16": "extension_icons/editionmode-active-16.png", "32": "extension_icons/editionmode-active-32.png", "48": "extension_icons/editionmode-active-48.png", "128": "extension_icons/editionmode-active-128.png" }, "action": { "default_icon": "extension_icons/editionmode-inactive-16.png" }, "background": { "service_worker": "background_scripts/switch_extension_icon.js" }, "commands": { "_execute_action": { "suggested_key": { "default": "Ctrl+Shift+E" }, "description": "Enable/disable Edition Mode" } }, "content_scripts": [ { "matches": [ "" ], "js": [ "jquery/jquery-3.4.1.min.js", "content_scripts/set_content_editable.js" ], "css": [ "styles/edition_mode.css" ] } ], "web_accessible_resources": [ { "resources": [ "extension_icons/editionmode-active-16.png", "extension_icons/editionmode-inactive-16.png" ], "matches": [""] } ]}

Download CRX(74.65KiB)