Ever thought it would be helpful if you simply could just change that text on a website, to bring across your point? Well that’s possible – at least temporary: by using a modern web feature, you can basically edit any text on webpages with any browser.

Example showing inline editing of a website text after enabling contentEditable using bookmarklet

The magical command for enabling inline editing of webpages

Using “contentEditable” is the magic word. You can use a JavaScript command in your webbrowser’s developer console to apply it on all elements:

 > document.body.contentEditable=true;

Or – slightly adjusted – you copy-paste a snippet to the URL bar of your browser & confirm with RETURN:

javascript:document.body.contentEditable=true;

But the quickest way will be to have a bookmarklet ready for this!

Browser Bookmarklet to enable contentEditable-mode with one click

The following bookmarklet setup is exemplary from Google Chrome browser, but should work pretty similarly in other browsers too.

  1. Show the Bookmarks Bar (or open the Bookmarks Manager)
  2. Right click to “Add bookmark”

Step #1 adding browser bookmarklet to quickly inline edit website text

  1. Give your bookmarklet a catchy name
  2. And as address / url paste the javascript-command snippet:
javascript:document.body.contentEditable=true;

Step #2 adding browser bookmarklet to quickly inline edit website text

  1. Save this new contentEditable bookmark & you’re ready to go!

Step #3 adding browser bookmarklet to quickly inline edit website text

Happy website editing

 

Share:
  • 0
  • 1

Questions? Suggestions? Let us know with a comment!

This site uses Akismet to reduce spam. Learn how your comment data is processed.