Jump to content

Edit Any Website (free tool)

This is how you can edit any website directly from your browser:

Step 1.) Highlight the text in the blue box:

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

Step 2.) Drag the highlighted text into your bookmarks bar.

Step 3.) Click the icon whenever you want to edit any page!

 

Try it for yourself:

Click this link, and instantly you'll be able to edit the text on this page from your browser. Reload the page if you want to quit editing.

edit-website-gif.gif

There's a bunch of useful AND silly uses for this little editing hack!

 

A Helpful Use Case:

If you're a copywriter doing consulting session with a client, you can edit their page live to show them how it will look:

Before and After Editing Webpage

 

A Fun Use Case:

Make your bank balance look super huge! Move over Bill Gates, my BankOfAmerica account now has billions of dollars:

Edited bank account balance

This helpful little bookmark has been extremely useful for me through the years, hope you enjoy it too!

 

Watch video of this trick in action:

 

Sincerely,
Neville N. Medhora

P.S. Let me know if this tool is helpful, and how you use it!

 

P.S. If you liked this cool editing hack, consider signing up to my newsletter.  When you do:

  • Email 1: An email called "This email will show you how to write better" will show up.
  • Email 2: An email showing you my favorite subject line tricks.
  • Email 3: An email showing tactics to make sure people pay attention to what you're selling.
  • ...then I send out about 2 emails per week, all with by best material in marketing.  Most of this will not be posted on the blog, only through email.

I pride myself on making my email newsletter like a completely free education in copy.

Every single email has a one-click-unsubscribe button at the bottom, so if you want me to stop emailing you, just hit the button and you'll never hear from me again. I'd love for you to join. Just enter your email address and click the button subscribe.

 

image.png

  • Like 4
  • Thanks 2

6 Comments

Recommended Comments

  • Administrator
Neville Grand Master

Neville

Posted
  • Author
  • Administrator
Posted

On some browsers this may not work by dragging the text. In that case just:
⇨ Create a bookmark
⇨ Edit the "URL" field to:
javascript:document.body.contentEditable = 'true'; document.designMode='on'; void 0

Like this:

image.png

Then you can hit that bookmark and any webpage will become "editable!"

  • Like 4
  • Thanks 1
Link to comment
Josh Haroldson Mentor

Josh Haroldson

Posted
Posted
Neville said on 4/10/2022 at 2:25 PM:

On some browsers this may not work by dragging the text. In that case just:
⇨ Create a bookmark
⇨ Edit the "URL" field to:
javascript:document.body.contentEditable = 'true'; document.designMode='on'; void 0

Another tip if you copy/paste and it STILL doesn't work:

  • Make sure each ' is actually just a straight up and down character and not a stylized like this ’ (⬅️ notice the little curve).
  • For the longest time my mac would automatically turn ' into ’ when copying it into notes or copy and pasting.
  • The only fix I could find was to manually type each '

 

No ❌

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

 

Yes ✅

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

 

  • Like 1
Link to comment
Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
×
  • Create New...
Guest