Use this free tool to edit any website in 2022.
Here is the code to copy:
Javascript: document. bodycontenteditable =' true; File design mode =' onvoid0
After clicking the bookmark, you can make any changes to the page text. You can't edit the image or move the button, but you can see whether the title is too long to display in one line, or whether deleting a paragraph will change the layout of the page above the fold.
Once you make changes, you can take screenshots to save any experiments you are doing-there is no other way to save your edits. To stop the tool from running on your web page, please refresh the web page. This will also make any changes you have made disappear. Why is this tool useful?
This tool must be interesting to play-I got some laughter when I made an interesting title and sent it to my father-but we are not here to play pranks or become fake news makers. We are here because this tool is a simple and powerful way to test marketing or layout changes without editing source code or visiting website builders.
There are several ways to use this tool:
Test the title to see if it fits your layout. Try paragraph length and formatting. Create several web page models and show them to customers or stakeholders. Create a wireframe for reference by designers or developers. Make multiple versions of the login page to narrow down the options for a/B testing. Here is an example. In the picture below, I try to see if I can add more text to this Apple login page without a copy of the fourth line. Yes, but I can also see that I prefer the original layout. The whole test process takes about 30 seconds. The typing process is perfect. I can record gif, which takes about 10 minutes. )
If you know something about code, you may want to know why we don't just tell you to use the InspectElement tool to edit the source code. It is built into the browser, so why not use it?
Well, you can go this way, but this tool is an easier way to make front-end changes quickly. You don't need to find the right place to change the HTML, because you just need to click on the title and start typing.
Of course, if you want to install this tool, you can have some fun. I like to look like a millionaire, and imagine that if I had such money, I would build a huge library at home.
Start using the free website editor. It only takes a few minutes to start using this tool. Add it to your bookmark directly from this article and then test it. You can even use it on this page! Give us an interesting title, or add a stupid sentence or two-we don't mind.
Once you understand how it works, you will be surprised at how convenient this code is. It will appear in your bookmarks bar, and it will be happy to help you when you need to quickly modify it to show your web developers or create a simple model to prove to customers that your ideas will actually be presented exactly the way they want. Do you like this interesting editing technique? Share with others on Facebook and Twitter!