https://github.com/davidhdev/easy-edit

A simple bookmark utility that lets you edit web pages
https://github.com/davidhdev/easy-edit

design editing frontend testing tool utility

Last synced: about 1 month ago
JSON representation

A simple bookmark utility that lets you edit web pages

• Host: GitHub
• URL: https://github.com/davidhdev/easy-edit
• Owner: DavidHDev
• Created: 2022-06-05T10:58:15.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-06-05T12:16:14.000Z (over 2 years ago)
• Last Synced: 2024-10-12T07:39:43.146Z (4 months ago)
• Topics: design, editing, frontend, testing, tool, utility
• Language: CSS
• Homepage: https://davidhdev.github.io/easy-edit/
• Size: 5.86 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ✏️ Easy Edit Utility

This is a simple utility bookmark for enabling the editing of web pages with one click. The utility will enable the document's designMode toggle and allow you to edit all the text on the web page you're currently visiting.



## Usage

To get started, simply drag the button you see on the screen to your bookmarks bar! It's a link that will load a custom script into the active web page each time you will click on it, allowing you to edit the contents. Clicking on the bookmark will enable designMode and allow you to make changes.





The edit mode be toggled off again by using the `ESC` key on your keyboard. 
When the edit mode is active, you will see a green indicator at the bottom of the page!





`Note:` anything you edit on the page will be reset back to normal after refreshing!

## Possible Usecases

- Test your web designs by inserting lengthy data into your layouts

- Modify elements of the web page in order to take a custom screenshot

- ...

- Just have fun with it?