Make Any Webpage Content Editable and Enjoy Deleting It!

Feel like changing the content of a webpage you are currently viewing? Finding ways to fool your friends? Here is a simple way by using a simple JavaScript code.

This simple line of code makes it possible to edit or resize images in any websites right in your browser. Try out for yourself, just enter the below text into your address bar and hit enter:

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

The web page / web site that you are browsing will become editable just as a notepad or Microsoft Word. This will allow to resize all of the images on the page, and add and remove text. Feel free to edit whatever you want on the page! Select some text an simply press the delete button, bingo!

Other than fooling your friends, this method is useful for you. In case your mouse stops working, you can easily place the cursor on any web page and copy the text from it.

This script utilizes an HTML 5 document property, which is supported in all recent browser versions. The HTML 5 property is contentEditable.

While you remain on the same page as before, you will be able to delete or alter any of the text in the webpage. All the edits you make is available only on your browser, until you reload the page!

You can simply enjoy editing some webpages with what you like and then take a fake screenshot! You may delete the webpages that you never liked, thus let your frustrations come out!

The contentEditable property document.designMode are meant to enable WYSIWYG ( what you see is what you get) editing.

The contentEditable feature may be used for making any specific element editable, thus providing edit-in-place functionality and save the changes using Ajax. Hopefully this feature will be well utilized later when HTML5 gains more momentum and Web Apps become the way of Internet life.

Be the first to comment

Leave a Reply

Your email address will not be published.