Try it now — press Ctrl+E

edit-mode.js

Drop-in inline text editor for static HTML pages. Click any text below to edit it, then save a clean file.

How to try: Press Ctrl+E (or Cmd+E on Mac) to activate edit mode. Click any text to change it. Click "Save as new file" to download your edited version.

About this project

This is a demo page for edit-mode.js. Every piece of text you see here is editable. Go ahead and change this paragraph to whatever you want.

Features

Source-preserving saves. Unlike other contenteditable tools, edit-mode.js patches your text changes into the original HTML source. No DOM artifacts, no Tailwind dumps, no browser extension pollution.

Zero dependencies. One script tag, about 8 KB. No build step, no npm install, no configuration. It just works.

Works on local files. Open any HTML file from your desktop, add the script tag, and edit. No server required.

Perfect for

Client handoffs — let non-technical people edit copy
Quick prototyping — iterate on text without a code editor
Content reviews — stakeholders edit and send the file back
Landing page tweaks — test different headlines in the browser

Get started

Add this line before your closing body tag and you're done:

<script src="edit-mode.js"></script>