Edit any website like it’s a word doc, directly from your browser

I discovered this trick years ago while tinkering with a bud. It allows you to make super quick edits to any web pages in real time. Here’s what you do:

February 13, 2018

If you’ve ever wanted to quickly:

  • Show a client how their site should look
  • Edit a website so your designer knows what you want
  • Make your bank account look like it has $100m in it

…then the following trick is for you.

I discovered this trick years ago while tinkering with a bud. It allows you to make super quick edits to any web pages in real time. Here’s what you do:

  1. Highlight the following code: javascript:document.body.contentEditable = ‘true’; document.designMode=’on’; void 0
  2. While highlighted, drag the code to your bookmarks bar.
  3. Click the bookmark you’ve created.
  4. Now you can click anywhere on a page and start editing, directly from your browser.

We use this trick at The Hustle a lot when wireframing new sites and tinkering with new copy ideas for our sites.

Try it. It works on any webpage — even this one.



Sign up here for our daily news email to get all the non-political news you never knew you needed. All it takes is 5 minutes and BOOM, you're smarter.

Your news, our way.
For a daily email you'll actually want to read
Weekdays at 9am Pacific