How to edit an HTML file without coding
Open the file in a visual HTML editor, click the text or photo you want to change, and edit it right on the page instead of in the code. When you’re done, export the page as a new HTML file and put it back where the old one was.
This guide uses the free ProofCloud editor as the example because it runs in your browser, with nothing to install and no account. Most visual (“WYSIWYG”) editors work in a similar way, so the steps carry over.
Before you start
- You need the HTML file itself, a file ending in
.htmlor.htm. If the page is already online, you can usually download it from your hosting’s file manager or over FTP, or ask whoever built the site to send it. - Keep a copy of the original. The editor never overwrites your file (exporting creates a new one), but a backup costs nothing.
Step by step
- 1
Open the file
Go to the free editor and click Choose HTML file, or drag the file onto the page. It opens looking the way it does in a browser. Want to practice first? Try the sample page loads a demo page.
- 2
Click the text you want to change
The text becomes editable where it is, so you type just as you would in a document. To make words bold, italic or underlined, select them and use B, I or U in the panel on the right. The size box changes the font size of the whole section.
- 3
Replace a photo
Click the photo, then Replace photo… and pick an image from your computer. The new photo is fitted into the same space, so the layout doesn’t shift. You can round its corners in the same panel.
- 4
Adjust colors and fonts (optional)
With a section selected, you can set its text color and background color or pick a different font. Tick Apply to the whole page to change the font everywhere at once.
- 5
Fix a link
Click the link, type the new address in the panel and click Save link.
- 6
Undo anything you don’t like
Undo steps back through your changes, including a section you deleted by accident. Press Esc or Done to finish editing a section.
- 7
Export the page
Click Export HTML. Your browser downloads a new file named after the original with
-editedadded (for exampleindex-edited.html). The original file is untouched. - 8
Put it back online
Rename the exported file to the original name (often
index.html) and upload it to your hosting in place of the old one. Then open your site and check it. If you still see the old version, refresh the page once more; browsers sometimes show a saved copy.
Good to know
If your page loads files that sit next to it, like images/team.jpg or style.css, the editor can’t see that folder, so those parts may look missing while you edit. Your changes are still fine: the export keeps those references, so the page looks right again once the file is back in its folder.
That keeps everything in one file, but a large photo makes the file heavy and the page slower to load. Shrink big photos (straight from a phone, for example) before you insert them.
The editor works on a single HTML file. If the same phone number appears on five pages, you edit five files.
Sites made with WordPress, Wix, Squarespace or Shopify don’t give you an HTML file to edit and upload like this. Use that platform’s own editor instead.
Is my file uploaded anywhere?
No. Your browser reads the file, makes the changes and creates the export on your own computer; the page never reaches ProofCloud’s servers. The only things loaded from the internet are what the page itself links to (like web fonts or images hosted elsewhere) and any Google Font you choose to import.
The editor is free, runs in your browser and needs no account. Nothing is uploaded.