How to appear to edit text on any website

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

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

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.

How to appear to edit text on any website

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:
How to appear to edit text on any website

A Fun Use:

Make your bank balance look super huge! Move over Bill Gates, my BankOfAmerica account now has billions of dollars:
How to appear to edit text on any website

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 click the button and enter your email address:

Default CTA (on all pages)

Did you know we can take a look at the copy on your website and suggest changes for you that can increase conversions?

By becoming a member of Copywriting Course you get:
✔ Unlimited access to all of our training.
✔ Unlimited re-writes and help on your copy.
✔ Unlimited access to our professional copywriters.
✔ Weekly live “Writing Sessions” where we all co-work.
✔ Weekly live office hours to ask questions to Neville and Dan.
✔ Watch how other business owners approach selling products.
⇨ Join Here

Diskussion
186 Comments

can i save them permanently even if i refresh to make them stay

How to appear to edit text on any website

So you want to know how to edit HTML files? Here is right and wrong way to edit HTML code plus FREE software so you can start editing immediately.

Okay, so you have a web page and you need edit the HTML code to add your own information to it such a your name, order link, phone number, Adsense or Autoresponder code or your own text.

When you double-click on the file, the default web-browser opens it up and all you see is the actual web page, not the code that needs editing.

The solution? You need to open the HTML file in a software program which will access the HTML.

The Wrong Way To Edit HTML Code

What this means is that if you open the HTML web page file in one of these editors, extra (unnecessary) code may get added to the HTML.

The really bad thing that can happen is that your page might not look the same after you save it. Then you’ll have to waste time fixing up the design. Not good if all you wanted to do in the first place was add an order link.

WYSIWYG editors are really a type of web design software. The only time you should use a WYSIWYG software to edit HTML code is if you have actually created the web page in that particular software. Therefore, even if you have a HTML file created with a WYSIWYG editor, you should not try to edit that same file with a different WYSIWYG editor.

While there are many very good WYSIWYG editors out there these days, I would only use them to design and build web pages, not for quick editing editing jobs.

The Correct Way To Edit HTML Code

The correct way to edit HTML code is to use either a Plain Text Editor, or a Code Editor (AKA Programmers Editor). These types of editors will not make any unauthorised changes to the HTML file which means you will not get any nasty surprises after you save your changes.

How To Find Free Plain Text Editors

Free plain text editors can be found on most home computers and will edit HTML code.

NotePad is the default plain text editor on Windows machines. Right-Mouse click on your HTML file and Open With NotePad. NotePad will open the HTML file in code format so you can begin editing immediately.

TextEdit is the default plain text editor on Apple Mac machines. Right-Mouse click on your HTML file and Open With TextEdit. TextEdit will open the HTML file in code format so you can begin editing immediately.

How To Find Free Code/Programmers Editors

The best way to find high quality Free Code/Programmers editors is to use your favorite search engine and search for certain phrases which will return results with only truly Free Software which you’ll never have to pay for. The two key words to use with all searches related to searching for Code Editor or Programmers Editor is Open Source.

Example 1: Open Source Code Editor
Example 2: Open Source Programmers Editor
Example 3: Open Source Code Editor for Mac
Example 4: Open Source Programmers Editor for Windows

Searching phrases like the ones above return a good selection of results for totally FREE Open Source Code/Programmers editors. Once you have found an editor you want to use, simply open your HTML file in the editor and begin editing.

If you don’t like a particular editor for any reason after you have installed it, simply try another.

Aside from the many outstanding features found in code editors, the main difference between a code editor and a plain text editor is that code editors have built-in Syntax Highlighters while a plain text editor displays the code only in black and white. The benefit of Syntax Highlighting is that it makes editing much easier.

How to appear to edit text on any website

On my Windows machine I use a code editor called phpDesigner. Even though I don’t use phpDesigner for writing PHP code, I still like it for HTML editing. On my Mac I use a Free code editor called TextWrangler.

Congratulations, you now know how to edit HTML files ?

In order to add or update content on a WordPress website, you must have Administrator, Editor, Author or Contributor privileges.

Background:

Content can be added to a WordPress website in one of two formats: as a Page or as a Post.

  • A page is for content that is not time-dependent eg. ‘About’ or ‘Contact’ pages
  • A post is for content that is time-relevant and is typically displayed in reverse-chronological order. Posts can have comments and an associated RSS feed. Examples of ‘post’-appropriate content would be ‘News’ or ‘Events’.

Both Pages and Posts have associated titles and content and the Look and Feel of the website will not change between the two.

Before you start in WordPress, assess your content

Decide if your current content needs editing or if you need to add new content to your site.

How to edit current content:

  • Log into your WordPress website
  • If you are editing a Post:
    • Click on Post > All Posts
    • Find the Post you would like to edit and either click on the title or ‘Edit’ (which appears when the title is hovered over with a mouse)
    • Make the changes you desire
    • Either:
      • click ‘Save Draft’ if you would like to come back later to work on the post more or
      • if you are ready to publish the post, click ‘Publish’ if you’re ready for it to be posted to your website immediately or
      • if you are ready to publish the post, but want it to go ‘live’ later, click ‘Edit’ next to ‘Publish immediately’ and choose when you would like the post to go live
  • If you are editing a Page:
    • Click on Post > All Pages
    • Select the Page you would like to edit and either click on the title or ‘Edit’ (which appears when the title is hovered over with a mouse)
    • Make the changes you desire
    • Either
      • click ‘Save Draft’ if you would like to come back later to work on the page more or
      • if you are ready to publish the page, click ‘Publish’ if you’re ready for it to be posted to your website immediately or
      • if you are ready to publish the page, but want it to go ‘live’ later, click ‘Edit’ next to ‘Publish immediately’ and choose when you would like the post to go live

    Note: When adding or editing content and you press ‘Return’, you will start a new paragraph; when you press ‘Shift + Return’, you will start on the next line.

    How to add new content:

    • Log into your WordPress website
    • If you are adding your content via a new Post:
      • Click on Post > Add New
      • Add in your new content, including a Title
      • If applicable, in the Categories section (right column) select appropriate Categories for the post
      • Either:
        • click ‘Save Draft’ if you would like to come back later to work on the post more or
        • if you are ready to publish the post, click ‘Publish’ if you’re ready for it to be posted to your website immediately or
        • if you are ready to publish the post, but want it to go ‘live’ later, click ‘Edit’ next to ‘Publish immediately’ and choose when you would like the post to go live
      • If you are adding your content via a new Page:
        • Click on Page > Add New
        • Add in your new content, including a Title
        • Either:
          • click ‘Save Draft’ if you would like to come back later to work on the page more or
          • if you are ready to publish the post, click ‘Publish’ if you’re ready for it to be posted to your website immediately or
          • if you are ready to publish the page, but want it to go ‘live’ later, click ‘Edit’ next to ‘Publish immediately’ and choose when you would like the page to go live

        Note: When adding or editing content and you press ‘Return’, you will start a new paragraph; when you press ‘Shift + Return’, you will start on the next line.

      In order to add or update content on a WordPress website, you must have Administrator, Editor, Author or Contributor privileges.

      Background:

      Content can be added to a WordPress website in one of two formats: as a Page or as a Post.

      • A page is for content that is not time-dependent eg. ‘About’ or ‘Contact’ pages
      • A post is for content that is time-relevant and is typically displayed in reverse-chronological order. Posts can have comments and an associated RSS feed. Examples of ‘post’-appropriate content would be ‘News’ or ‘Events’.

      Both Pages and Posts have associated titles and content and the Look and Feel of the website will not change between the two.

      Before you start in WordPress, assess your content

      Decide if your current content needs editing or if you need to add new content to your site.

      How to edit current content:

      • Log into your WordPress website
    • If you are editing a Post:
      • Click on Post > All Posts
      • Find the Post you would like to edit and either click on the title or ‘Edit’ (which appears when the title is hovered over with a mouse)
      • Make the changes you desire
      • Either:
        • click ‘Save Draft’ if you would like to come back later to work on the post more or
        • if you are ready to publish the post, click ‘Publish’ if you’re ready for it to be posted to your website immediately or
        • if you are ready to publish the post, but want it to go ‘live’ later, click ‘Edit’ next to ‘Publish immediately’ and choose when you would like the post to go live
    • If you are editing a Page:
      • Click on Post > All Pages
      • Select the Page you would like to edit and either click on the title or ‘Edit’ (which appears when the title is hovered over with a mouse)
      • Make the changes you desire
      • Either
        • click ‘Save Draft’ if you would like to come back later to work on the page more or
        • if you are ready to publish the page, click ‘Publish’ if you’re ready for it to be posted to your website immediately or
        • if you are ready to publish the page, but want it to go ‘live’ later, click ‘Edit’ next to ‘Publish immediately’ and choose when you would like the post to go live

      Note: When adding or editing content and you press ‘Return’, you will start a new paragraph; when you press ‘Shift + Return’, you will start on the next line.

    How to add new content:

    • Log into your WordPress website
    • If you are adding your content via a new Post:
      • Click on Post > Add New
      • Add in your new content, including a Title
      • If applicable, in the Categories section (right column) select appropriate Categories for the post
      • Either:
        • click ‘Save Draft’ if you would like to come back later to work on the post more or
        • if you are ready to publish the post, click ‘Publish’ if you’re ready for it to be posted to your website immediately or
        • if you are ready to publish the post, but want it to go ‘live’ later, click ‘Edit’ next to ‘Publish immediately’ and choose when you would like the post to go live
      • If you are adding your content via a new Page:
        • Click on Page > Add New
        • Add in your new content, including a Title
        • Either:
          • click ‘Save Draft’ if you would like to come back later to work on the page more or
          • if you are ready to publish the post, click ‘Publish’ if you’re ready for it to be posted to your website immediately or
          • if you are ready to publish the page, but want it to go ‘live’ later, click ‘Edit’ next to ‘Publish immediately’ and choose when you would like the page to go live

        Note: When adding or editing content and you press ‘Return’, you will start a new paragraph; when you press ‘Shift + Return’, you will start on the next line.

      For content creation in WordPress the built-in editor is a great tool. The WordPress editor will appear as soon as you create new posts or pages. The WordPress editor offers a visual and text mode as well as many editing tools to modify and edit your content as you prefer. You can even extend the editor by using suitable plugins. In case you have issues when using the WordPress editor, we have put together an overview with the most common issues:

      Where to find the editor in the WordPress dashboard

      When you start writing new posts and navigate to Posts => Add New in your WordPress dashboard, the editor will automatically appear and you can start writing or copy & paste content into the editor and then modify as you like. To create content for pages, please go to Pages => Add New. The WordPress editor already offers the most common editing tools in its toolbar – make sure you can see all available tools. Please note, the WordPress editor offers two different modes – visual and text mode – you can find more information about these modes in the next section just below.

      Difference between visual and text mode in WordPress editor

      As soon as you start creating content for posts or pages, the WordPress editor will appear below the title field in your WordPress dashboard. Have a look at the upper right corner of the editor where you can see two tabs which say Visual and Text. These are the two modes which each have their own toolbars. The difference is basically, that in visual mode you do not need to know any HTML and can edit your text using the self-explanatory toolbar. When using the text mode, it is recommended to have basic HTML knowledge as the text editor will display your content including HTML markup.

      Whichever mode you are using is up to you and depends on your skills and knowledge. However we would strongly recommend to choose one mode and stick to it over the writing course, because if you switch between two modes certain formatting can get lost. This is especially the case when you switch from text to visual mode and back. Please also see this detailed tutorial: How to use the WordPress Text Editor for Writing Posts & Articles.

      Icons in toolbar of text editor are missing

      If you only see a few icons available in the toolbar of the WordPress editor, please make sure that you have selected the correct editor mode (visual or text) and ensure that you have clicked the Toolbar Toogle icon to open up more tools for you to use. In text mode the WordPress editor has less icons available in the toolbar. If that does not help, there might be another conflict within your WordPress installation – like plugins or scripts that interfere with the WordPress editor.

      WordPress editor is not working as expected

      If you encounter that the WordPress editor does not work properly, e.g. icon tools in the editor are missing completely, editor is not showing up at all or anything else, then this can have many reasons. Your issue could be caused by conflicts with installed plugins, implemented scripts, hosting related issues or simply a defective WordPress installation. In this case we can only recommend that you inspect your site closely to do some troubleshooting, turn off or even delete plugins one by one, remove scripts and in worst case re-install WordPress to see if this solves your issue.

      How to add formatting in the WordPress editor

      While editing or writing posts in visual mode, the toolbar within the WordPress editor contains a number of different icons, each denoting a specific tool for you to use. You can make text bold, italic/cursive, create lists and many more. For example the blockquote icon is marked with the single quotation mark. First, mark the words or sentences which you want to be in blockquote and then hit the button with single quotation mark once. Now your selected phrase will appear in blockquote when viewed on your website. Here is a helpful tutorial with several screenshots of the editor.

      How to insert HTML or other code in the WordPress editor

      To add code into your posts or pages, the first thing you need to do is selecting the text mode instead of the visual mode within the WordPress editor. You can switch to the text mode while making use of the tabs in the right upper corner of the WordPress editor. Only in text mode it is possible to insert code into your content. Please note that switching back and forth between editor modes can cause loss of text formatting or other issues – especially unwanted spaces or else.

      You have not found a solution to your issue?

      In case you have not found answers to your questions in this support article, please also take a look at our other support topics, as it is very likely that you will find your answer there. If you have purchased a WordPress theme by MH Themes and have a valid license to gain access to theme updates and support, then you may also send a support request for additional assistance.

      How to appear to edit text on any website

      When you edit a shared Google Docs document, other collaborators can easily hover over your profile icon to see your name and even access your Google Plus profile. This can be quite a problem if you are editing a public document, anyone can see who you are and contact you as well. If you are looking to go anonymous on Google Docs while editing or sharing documents, I got you covered.

      In this post, I’ll show you how you can anonymously edit Google Docs documents and also share documents anonymously.

      Edit Google Docs anonymously

      First, let’s see how you can anonymously edit a Google Docs document. Google uses your Google account information to recognize you and show your profile icon in the list of editors at the top. There is no built-in option to hide this information, but if you log out of your Google account then Google won’t be able to attribute your profile information.

      Therefore, all you need to do is log out of your Google account and open up the document link afterward. You will then appear as an anonymous animal icon instead. However, an easier way to do this is to simply use an incognito window to access the document. As the incognito window is isolated from your current browsing session and doesn’t use stored cookies, it will open the document without logging in with your Google account.

      Usually, the incognito window option is listed in the main menu of most browsers. You can also use Ctrl+Shift+N or Ctrl+Shift+P keyboard shortcuts to fire up an incognito window.

      In the below screenshot, you can see that I am showing up as an anonymous squirrel on my document when I access it from an incognito window.

      How to appear to edit text on any website

      Share Google Docs anonymously

      You can also share a Google Docs document without associating your Google account name and information with it. Here’s how to do it:

      Open up the document and click on the “Share” button at the top-right corner.

      How to appear to edit text on any website

      Here click on the “Get shareable link” button.

      How to appear to edit text on any website

      Use the drop-down menu to select documents rights, including edit, comment, and view.

      How to appear to edit text on any website

      Once done, share the below-mentioned link anywhere and the people will be able to access the document without knowing who created the document.

      How to appear to edit text on any website

      Important note: Although other people will not be able to see the document ownership details, but if you will give them editing rights then they can see the name of the person who made the last edit (which could be you). If you don’t want to share your name as well, then only allow the comment or viewing rights before sharing.

      Wrapping up

      If you need to work on public Google Docs documents or share them publicly, then anonymity is very important. You definitely wouldn’t want your Google account information available for anyone to see. If you know any other way to go anonymous on Google Docs, let us know in the comments below.

      The fastest way to create a basic hyperlink in an Office document is to press ENTER or the SPACEBAR after you type the address of an existing webpage, such as http://www.contoso.com . Office automatically converts the address into a link.

      In addition to webpages, you can create links to existing or new files on your computer, to email addresses, and to specific locations in a document. You can also edit the address, display text, and font style or color of a hyperlink.

      If you want to remove links or stop Office from automatically adding hyperlinks, see Remove or turn off hyperlinks.

      This article applies to desktop versions of Word, Excel, Outlook, and PowerPoint. A simplified set of hyperlink features is offered in Office Online. If you have a desktop version of Office, you can edit your document there for more advanced hyperlink features, or you can try or buy the latest version of Office.

      Select the text or picture that you want to display as a hyperlink.

      You can also right-click the text or picture and click Link on the shortcut menu.

      In the Insert Hyperlink box, type or paste your link in the Address box.

      Note: If you don’t see the Address box, make sure Existing File or Web Page is selected under Link to.

      Optionally, type different display text for your link in the Text to display box.

      Note: If you don’t know the address for your hyperlink, click Browse the Web to locate the URL on the Internet and copy it.

      Optional: To customize the ScreenTip that appears when you rest the pointer over the hyperlink, click ScreenTip in the top-right corner of the Insert Hyperlink dialog box and enter the text you want.

      You can add a hyperlink to a file on your computer, or to a new file that you want to create on your computer.

      Select the text or picture that you want to display as a hyperlink.

      Under Link to, do one of the following:

      To link to an existing file, click Existing File or Web Page under Link to, and then find the file in the Look in list or the Current Folder list.

      How to appear to edit text on any website

      To create a new, blank file and link to it, click Create New Document under Link to, type a name for the new file, and either use the location shown under Full path or browse to a different save location by clicking Change. You can also choose whether to Edit the new document later or open and Edit the new document now.

      How to appear to edit text on any website

      Optional: To customize the ScreenTip that appears when you rest the pointer over the hyperlink, click ScreenTip in the top-right corner of the Insert Hyperlink dialog box and enter the text you want.

      Select the text or picture that you want to display as a hyperlink.

      You can also right-click the text or picture and click Link on the shortcut menu.

      Under Link to, click E-mail Address.

      How to appear to edit text on any website

      Either type the email address that you want in the E-mail address box, or select an address in the Recently used e-mail addresses list.

      In the Subject box, type the subject of the message.

      Note: Some web browsers and email programs might not recognize the subject line.

      Optional: To customize the ScreenTip that appears when you rest the pointer over the hyperlink, click ScreenTip in the top-right corner of the Insert Hyperlink dialog box and enter the text you want.

      You can also create a hyperlink to a blank email message by simply typing the address in the document. For example, type [email protected], and Office creates the hyperlink for you (unless you turned off automatic formatting of hyperlinks).

      You can create hyperlinks that link to a Word document or Outlook email message that includes heading styles or bookmarks. You can also link to slides or custom shows in PowerPoint presentations and specific cells and sheets in Excel spreadsheets.

      To add a heading style, select your heading text, click the Home tab in Word or the Format Text tab in Outlook, and select a style in the Styles group.

      Create a hyperlink to a location in the current document

      Select the text or picture that you want to display as a hyperlink.

      You can also right-click the text or picture and click Link on the shortcut menu.

      Under Link to, click Place in This Document.

      How to appear to edit text on any website

      In the list, select the heading (current document only), bookmark, slide, custom show, or cell reference that you want to link to.

      Optional: To customize the ScreenTip that appears when you rest the pointer over the hyperlink, click ScreenTip in the top-right corner of the Insert Hyperlink dialog box and enter the text you want.

      Create a hyperlink to a location in another document

      Select the text or picture that you want to display as a hyperlink.

      You can also right-click the text or picture and click Link on the shortcut menu.

      Under Link to, click Existing File or Web Page.

      How to appear to edit text on any website

      In the Look in box, click the down arrow, and find and select the file that you want to link to.

      Click Bookmark, select the heading, bookmark, slide, custom show, or cell reference that you want, and then click OK.

      Optional: To customize the ScreenTip that appears when you rest the pointer over the hyperlink, click ScreenTip in the top-right corner of the Insert Hyperlink dialog box and enter the text you want.

      To change the address or display text of a hyperlink you added, right-click the link and click Edit Hyperlink.

      How to appear to edit text on any website

      To change the appearance of a hyperlink, such as font style, size, or color, right-click the link and click Font on the shortcut menu, or click a style option on the mini toolbar that appears.

      How to appear to edit text on any website

      To customize the ScreenTip that appears when you rest the pointer over the hyperlink, right-click the link, click Edit Hyperlink, click ScreenTip in the top-right corner of the dialog box, and enter the text you want.

      How easy is it to edit any web page online on any website in your browser and create fake screenshots? Very simple and easy. Paste a simple code into the location bar and you can actually edit any page on any site in real time. Though this sounds like fun, it can have serious implications.

      Let me start by surprising you with my million dollar Adsense earnings for today!

      Ok so its a fake screenshot and I did not use Adobe Photoshop or any image editing software, so how did I do it?

      Edit Web Pages to Create Fake Screenshots

      Option 1: Type code in Browser

      Here is the magic edit website javascript code spreading across the web which can edit any web page

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

      Simply copy and paste it into the location bar of your web browser when you are on any page and you can now edit it. Though this is a cool tool to have some fun, it is dangerous tool used by scammers to create fake screenshots and websites resembling the original to misinterpret facts and for phishing attempts. So you need to be alert on the web and not believe everything you see…

      Option 2: Use Bookmarklets

      The best way – You don’t actually need to remember that code – To make this process faster, use the Edit Page bookmarklet (drag the link to your browser bookmarks toolbar, and click when needed).

      Try it on this page now by simply placing the cursor on any text, deleting it or editing it. These edits are not permanent and limited to your browser window only. Refresh the page and its gone. There are more lists of many such bookmarklets to modify web pages.

      Compatibility – I checked that this code works on Internet Explorer, Firefox, Opera, and Safari. Although it is easy to edit any page by altering its html code, this real time editing is amazing. Opera web browser also has a built in special feature to do this View > Source, edit in Source Editor and ‘Apply Changes’.

      Option 3: Other browser scripts

      Firefox users can also try the Firebug firefox extension, a powerful tool that lets you edit, debug, and monitor CSS, HTML, and JavaScript live in any web page, and is popular among webmasters and web designers. Greasemonkey is another popular Firefox extension that modifies the web and allows you to customize the way a web page displays and functions using small bits of JavaScript.

      You now know how easy it is to edit web page online and even a kid could do it. Beware of what you see online… it could not be true!

      Read more tips about Tutorials

      Start a discussion. Share your view: Post a Comment on Twitter