Skip to content
Visual HTML Editor

Edit any HTML file visually — no code required

Open a page from your computer, click the text or images you want to change, and save it straight back to the same file. Everything happens inside your browser: the file is never uploaded, and it works offline.

  • Your file never leaves your device
  • Works offline
100%

How it works

  1. 1

    Open your file

    Drag an .html file onto the editor, or click to browse. In Chrome and Edge the editor keeps a writable link to that exact file so it can save in place.

  2. 2

    Click what you want to change

    Any text becomes editable when you click it. Click an image to swap it for a file from your device or a URL. Links and buttons open in the side panel instead of navigating away.

  3. 3

    Save it back

    Press Save (or Ctrl/Cmd+S) and the original file is overwritten with your changes. On Firefox and Safari a clean copy downloads instead.

Frequently asked questions

Is my file uploaded anywhere?

No. The file is read by your browser and stays on your device. There is no server involved in the editing at all — you can disconnect from the internet and the editor keeps working.

Can it overwrite my original file?

In Chrome and Edge, yes — open the file with the Open HTML File button, grant access once in the file dialog, and Save writes straight back to it with no further prompts. Brave ships with that API turned off by default for privacy, and Firefox and Safari have not implemented it, so on those browsers Save downloads an edited copy instead. The editor tells you which of the two will happen before you press Save.

Why does Save ask me where to put the file?

That means the editor has no write access to your original, so it is falling back to a download — and your browser is set to ask where downloads go. Two things cause it: opening the file by dragging it in rather than using the Open HTML File button, or a browser that blocks file writing altogether. The line under the filename in the sidebar tells you which one applies.

Why does my page look different in the preview?

Scripts are deliberately disabled inside the preview. An HTML file you open is untrusted, and letting its JavaScript run on this site would give it access to your browser storage for this domain. Static pages render exactly as they will look; pages that build themselves with JavaScript will appear incomplete.

What happens with pages built in React, Vue or Angular?

You will see a warning. Those pages generate their content from JavaScript at runtime, so text you edit in the saved HTML is usually regenerated and lost the next time the page runs. The editor is designed for plain static HTML.

Can I choose which parts are editable?

Yes. Add a data-edit attribute to any element in your HTML, and only elements carrying that attribute become editable — everything else stays locked. This is useful when handing a page to a client to update.

What kind of pages is this actually for?

Static HTML that someone else built and you now have to keep current: a landing page from a template marketplace, a brochure site, an emailed HTML newsletter, a course or portfolio page, a one-file report. The common case is a page where the text is wrong or a photo is out of date, the person who built it is unavailable, and the change is genuinely five words long. Opening that in a code editor means finding the right line among a thousand; opening it here means clicking the words.

Will it break my layout or reformat my code?

It does not reformat. The document you save is your document with the parts you edited changed and everything else — indentation, comments, attribute order, the script tags it refused to run — left exactly as it was. Everything the editor injects while you work is prefixed so it cannot collide with your own class names, and all of it is stripped again on save. A file you open and save without touching anything comes back essentially unchanged.

Can I edit links, and can I add or remove elements?

Links are edited in the side panel rather than by clicking through them, so you can change where a button points without the preview navigating away from you. Images can be replaced with a file from your device or an address. What you cannot do is restructure the page — this is an editor for changing content in place, not a page builder, and a tool that let you drag sections around would have to rewrite the markup it is trying to preserve.

Why can I not just use my browser’s developer tools for this?

Because developer tools change the page in memory and forget everything the moment you reload. It is the right tool for checking whether a change would look good and the wrong one for making it permanent. This editor holds a real link to the file on your disk, so pressing Save changes the file rather than the view of it.

What does the data-edit attribute do?

It turns the whole thing into a locked-down editor for one specific page. Put data-edit on the three elements a client is allowed to change and nothing else on that page responds to a click, so there is no way to accidentally overwrite the navigation or delete a footer while updating a price. Hand over the file and the tool, and the worst outcome is that the price is wrong.

Is the preview safe if the file came from someone else?

That is exactly why scripts are blocked in it. An HTML file is executable content, and a page whose JavaScript ran inside this site could read anything this site has stored in your browser. The preview is rendered with scripting disabled and no access to this origin, so the worst a malicious file can do is look wrong. The cost is that pages which build themselves with JavaScript appear incomplete — which is also the honest signal that they are not the kind of page this tool can edit.

What if I close the tab by accident?

Your changes are saved to your browser as a draft while you work. Reopen the same file and the editor offers to restore them.