A single-file, in-browser tool for editing HTML files by clicking directly on the rendered page, then saving back to the original file on disk.
Live: https://keaganstokoe.github.io/html-editor/
- Open file… (or drag an
.htmlfile onto the window). Use Chrome or Edge for in-place saving. - Click anywhere on the page and type — edits happen on the rendered page.
- Save (or
⌘S/Ctrl+S) writes straight back to the original file. - Preview toggles the edit outlines off so you see the real result.
- Revert discards edits back to the last saved version.
Everything runs client-side in your browser. Files you open are never uploaded anywhere — the page just reads and writes them locally via the browser's File System Access API.
- Chrome/Edge only for saving in place. Other browsers fall back to downloading an edited copy.
- Saving serializes the live DOM. Exact for static pages; for script-driven pages (charts, etc.) the saved file reflects the current rendered state, so review before overwriting anything important.
- Text/content editing (contentEditable), not a full code editor.