Jump to content
Blog
Courses
Post
  • Sign Up

    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

    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!"

    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

     

    Link to comment

    Create an account or sign in to comment

    You need to be a member in order to leave a comment

    Create an account

    Sign up for a new account in our community. It's easy!

    Register a new account

    Sign in

    Already have an account? Sign in here.

    Sign In Now
    ×
    ×
    • Create New...
    Guest