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 Neville

    Guest Neville

    Posted

    Glad you picked it up then! I've been telling people about this little hack forever, but just somehow never put it into a blog post till now :)
    Link to comment
    Guest Victor

    Guest Victor

    Posted

    This is so awesome! Thanks for this tool. It makes showing how I'd change pages for clients way easier!!!
    Link to comment
    Guest Rage

    For those having difficulties: Copying and pasting the code directly won't work on Chrome; as it will often remove the 'javascript:' so be sure to add the required 'javascript:' before 'document.body' so it obviously looks like this:

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

    As seen above. Then press enter = MAGIC! Such edit, much change, wow.

    Link to comment
    Guest Edit Any Website 只要一行程式碼就能編輯任何網頁！直接把瀏覽器變身網頁測試工具

    Guest Edit Any Website 只要一行程式碼就能編輯任何網頁！直接把瀏覽器變身網頁測試工具

    Posted

    […] Edit Any Website 是由一段簡單程式碼產生的書籤列小工具，只要把它拖曳到瀏覽器即可加入這項功能，在任何網站上點選以開啟編輯功能，這個工具最大的特色是可以快速編輯網頁內看到的文字或圖片等內容，包括修改、刪除或新增文字，而且能套用現有的樣式，讓你預覽測試文字在某個區域的顯示效果。 […]
    Link to comment
    Guest Lynn
    I tried copy paste text directly from word document but the style automatically changed. is there any tricks to help me copy text on a page and keep the original style ?
    Link to comment
    Guest Neville

    Guest Neville

    Posted

    If for some reason you are pasting in text from a Word doc, on a Mac you can press 'Shift + Command + V' and it will strip the copied text of formatting and paste it without changing font.
    Link to comment
    Guest Neville

    Guest Neville

    Posted

    No prob Nicola, very glad you liked the little tool :)
    Link to comment
    Guest Neville

    Guest Neville

    Posted

    Thanks Jeffrey, glad you liked. Hope you use it wisely (or un-wisely) :-P
    Link to comment
    Guest Neville

    Guest Neville

    Posted

    I think it's generally easiest to highlight the text in the blue box....then just "drag" the text to the bookmarks bar. That seems to work really well.

    Thanks for the suggestion Rage!

    Link to comment
    Guest Cecilia S.

    Guest Cecilia S.

    Posted

    Also I use Firebug or Inspect Element to change the code of web pages, but I find this just as extraordinary method. Thank you very much!
    Link to comment
    Guest Powerful Copy: Edition 3 - COPY POWER

    Guest Powerful Copy: Edition 3 - COPY POWER

    Posted

    […] 1. Make Any Page Say Anything You Want […]
    Link to comment
    Guest Bela

    Awesome!

    This works even on iphone :)

    I'm trying to figure it out how to save the script into my bookmarks...

    Link to comment
    Guest Sara Light-Waller

    Guest Sara Light-Waller

    Posted

    What a great tool. Thanks! :-)

    I've already got some websites in mind to temporarily tamper with. tee hee

    Link to comment
    Guest Sara Light-Waller

    Guest Sara Light-Waller

    Posted

    P.S. Even after 2 modules I'm already seeing crap copy everywhere (not to mention the manipulative sh*t you get in your mailbox every day.) So thanks for the course. I'm learning a lot. :-)
    Link to comment
    Guest Copywriting Tools for the Superhero Copywriter :: Kopywriting Kourse

    Guest Copywriting Tools for the Superhero Copywriter :: Kopywriting Kourse

    Posted

    […] Benefits: I use this for consults and showing clients how to structure their copy live on their own webpage. If needed you can see further instructions here. […]
    Link to comment
    Guest Ben
    I finally wanted to give this a try, but can't get it to work in Chrome when used as a bookmark. It works in FF. It works when I click the link in the article. I've double-checked the code in the bookmark. I've restarted the browser. I'm on a Macbook. Anything I'm missing?
    Link to comment
    Guest Neville

    Guest Neville

    Posted

    Just follow the directions, it's working just fine in Chrome for me and others!
    Link to comment
    Guest Kelly

    Guest Kelly

    Posted

    why do my changes and edits delete after I reload the page? is it SUPPOSED to do that??
    Link to comment
    Guest Neville

    Guest Neville

    Posted

    Yes, this is just a script that runs on your web browser, it doesn't actually change your real webpage content.
    Link to comment
    Guest Gentry Hagan

    Guest Gentry Hagan

    Posted

    This little script is soooooo tight. I thought Dev Tools were cool....but I fell of trying to learn Front End a long time ago. Thanks man!
    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