Jump to content
Blog
Courses
Post
  • Sign Up

    Edit Any Website (free tool) - old

    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:

    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:

    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 as we edit a site:

     

    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.

     

    Go to posts

    User Feedback

    Recommended Comments



    Guest Steve
    Doesn't work for me also using chrome on macOS. Is there a setting we need to tweak or something? I know Nevilles is also on macOS.
    Link to comment
    Guest Neville Medhora

    Guest Neville Medhora

    Posted

    Yup, confirmed it still works. Using latest Big Sur OS also.

     

    Just highlight text and drag into bookmarks bar!

    Link to comment
    Guest Shawn

    If you can't drag the text to the bookmark bar in Chrome, try this.

     

    1. Make a temporary bookmark of any webpage

    2. Select Edit by right clicking on the bookmark

    3. In the URL field paste:

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

    4. Click Save

     

    Hope that helps!

    Link to comment
    Guest Renjini Narendranath

    Guest Renjini Narendranath

    Posted

    This is an amazing hack thank you so much Neville. I am so happy that I found your website. This is a treasure of info.
    Link to comment
    Guest val
    can i save them permanently even if i refresh to make them stay
    Link to comment
    Guest Edit Any Website (Javascript trick) - Hinweise zum Systemadministrator

    Guest Edit Any Website (Javascript trick) - Hinweise zum Systemadministrator

    Posted

    […] Edit Any Website (free tool) […]
    Link to comment
    Guest Michael

    Guest Michael

    Posted

    This is one of the coolest tricks I've heard of; the # of times this'll come in handy is gonna be insane. I know this post is a few years old but Neville, if you see this, thank you!!
    Link to comment
    Guest Abdul Ethical

    Guest Abdul Ethical

    Posted

    if you want to turn off  edit just put thiss in bookmark bar javascript:document.body.contentEditable = 'false'; document.designMode='off'; void 0

     

    then it will turn oof when you press it

    Link to comment
    Guest JavaScript trick to EDIT any website in a Browser - Anfernee Chansamooth

    Guest JavaScript trick to EDIT any website in a Browser - Anfernee Chansamooth

    Posted

    […] goes to my copywriting mentor Neville who I learned this trick from a while […]
    Link to comment
    Guest Anthea
    Hi, Neville, I followed the instructions. I can't actually drag the highlighted text onto my bookmarks bar, but I can drag links there. Is there anything I'm doing wrong?
    Link to comment
    Guest Josh Haroldson

    Guest Josh Haroldson

    Posted

    Hi Anthea!

     

    I was having the same issue. It was driving me nuts. The reason? No ";" at the end of the code and spaces were being added after the "=". Here's the code that works for me:

     

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

     

    If that still doesn't work:

     

    • Manually create a bookmark (Name: Edit, URL: Code)

     

    • Make sure that there are no spaces after the = and you have a ; after the "void 0"

    Link to comment
    Guest Josh Haroldson

    Guest Josh Haroldson

    Posted

    Screenshots are best! This is just for super simple, real-time edits. The code it generates is not pretty.
    Link to comment
    Guest Daniel
    the new 'code' doesn't work the original 'code' doesn't work either, Can you get a new code that works for my Browser? it doesn't work on the "Brave" browser
    Link to comment
    Guest Joseph
    You cannot save the page edit because all sites are saved in a server only accessible by the developer of the website that you used the bookmarklet (the javascript bookmark) on. You can always re edit the page when you get back on it.
    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

    • Join 55,000+ people getting our newsletter

      nev-and-logo-going-into-email (3).gif

      - Get notified of new posts -
      - Get weekly S.W.I.P.E.S. Email -
      - Get a free masterclass in copy -
      - People love our emails, see testimonials -

    ×
    ×
    • Create New...
    Guest