Edit the text on any website!
Design Mode: Edit any webpage Extension
Welcome to Design Mode!
Tutorial
Click the extension to turn edit mode on or off
The clear button will clear and reload the page
Drag images around to move them
Right click on any page to quickly edit anything
Keyboard Shortcuts:
Ctrl + B
Ctrl + I
Ctrl + U
Ctrl + X
Ctrl + Z
And more...
Help
If you find any bugs or need help go here https://forms.gle/nJahJziDYQWfpb5j9
Changelog
2.0.0
Added a full UI
Added saving
Added clear button
Quickly edit by right clicking on any page
Image dragging note
1.2.0
Added saving (coming soon)
Added keyboard shortcuts section
1.0.0
Released!
Read more
Tutorial
Click the extension to turn edit mode on or off
The clear button will clear and reload the page
Drag images around to move them
Right click on any page to quickly edit anything
Keyboard Shortcuts:
Ctrl + B
Ctrl + I
Ctrl + U
Ctrl + X
Ctrl + Z
And more...
Help
If you find any bugs or need help go here https://forms.gle/nJahJziDYQWfpb5j9
Changelog
2.0.0
Added a full UI
Added saving
Added clear button
Quickly edit by right clicking on any page
Image dragging note
1.2.0
Added saving (coming soon)
Added keyboard shortcuts section
1.0.0
Released!
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "background": {"scripts": ["background.js"]}, "browser_action": { "default_popup": "popup.html", "default_icon": "icon-128.png", "default_title": "Design Mode" }, "name": "Design Mode: Edit any webpage", "short_name" : "Design Mode", "description": "Edit the text on any website!", "icons": { "16": "icon-16.png", "48": "icon-48.png", "128": "icon-128.png" }, "permissions": [ "activeTab", "contextMenus", "http://*/*", "https://*/*" ], "content_scripts": [ { "matches": [ "" ], "js": ["jquery-3.3.1.js", "content.js"], "run_at": "document_start" } ], "version": "2.0.0", "manifest_version": 2 }
Read more