Javascript, Client-Side Website Editing

There's a javascript code that can be used to edit webpages, not by altering the HTML source, but by editing it visually right from your browser screen.


Here's the code:

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

Simply copy it to the address bar of your browser and press enter.

When you have finished editing the webpage, you can capture it by using these methods:

   I. The Print Screen Method

      Using this method, here are the steps:

1. Press the Print Screen key on your keyboard.
2. Click Start>Run and type in mspaint.
3. Press Enter.
4. Press Ctrl+V(Paste).
5. Save the picture.

   II. Using Programs to Capture
       There are several programs that you can use to do this job, which are:

1. Snipping Tool, included in Windows itself(Vista or higher).
2. Snippy , can be downloaded here.
3. and many others, simply do a search on Google.

After you finished capturing all the pictures you need, simply refresh the page to exit editing mode.


Well, thank you for reading. Enjoy your day.

Cyber Frost