A single-file, no-code HTML content editor. Drop in any .html file and get a clean editing panel — no server, no install, no dependencies.
ContentForge parses any HTML file you load, automatically detects its sections (hero, nav, footer, cards, team, etc.), and builds a structured editing panel for that specific file. You edit content through form fields and click Save & Preview to see a live iframe preview — without touching code.
Everything lives in a single editor.html file. Open it by double-clicking. No build step, no npm, no server required.
Download editor.html and open it in any modern browser (Chrome, Firefox, Edge, Safari). No installation needed.
- Drag and drop one or more
.htmlfiles (or an entire folder) onto the drop zone - Or click 📄 Browse Files / 📂 Browse Folder to pick files
- Each file opens in its own tab
The editor detects sections in your file and builds a custom panel for each one. Editable fields include:
- Text, headings, body copy
- Links and button labels
- Images (upload or URL)
- Lists, cards, team members, testimonials, stats
- Navigation links and footer columns
Each section has:
- ⟨/⟩ Full Code — view and directly edit the raw HTML for that section
- 🎨 Style — see all CSS rules affecting that section (global vs. local)
- ✨ Animate — apply JS animation effects (ticker, slideshow, fade-in, parallax, etc.)
Drag the ⠿ handle on any section header to reorder sections. The HTML DOM order updates on save.
Click ＋ Add Section to insert a new block — choose from Heading, Hero, Cards, Team, Gallery, FAQ, Contact, Footer, and more.
Click 💾 Save & Preview to apply all changes and refresh the live preview. Use File → Save (or ⌘S) to download the updated .html file.
| Feature | Details |
|---|---|
| Auto section detection | Detects nav, hero, about, team, gallery, testimonials, stats, footer, and more |
| Per-section field editors | Text, links, images, lists, cards — extracted from what's actually in the file |
| Live preview | Iframe preview updates on every Save & Preview |
| Tab system | Multiple files open simultaneously, each with its own Changes + Preview tab |
| Drag-and-drop reorder | Drag accordion sections to change DOM order |
| Full Code editing | Edit raw HTML per section, with save-back to the live document |
| CSS Style inspector | Shows which CSS rules apply to a section, tagged global or local |
| Animation toolkit | 7 JS effects: ticker, slideshow, illuminate, read more, parallax, fade-in, counter |
| JavaScript viewer | Inline scripts are shown in an editable panel at the bottom |
| Find | Filters accordion fields by keyword, opens matching sections |
| Undo / Redo | 50-step history |
| Save / Save As / Rename | Full file management |
| Multi-file + folder upload | Drop a whole folder; editor loads every .html file found |
| Dark mode | Fully dark UI throughout |
| No dependencies | Single .html file, vanilla JS, no npm, no server |
| Shortcut | Action |
|---|---|
⌘S / Ctrl+S |
Save |
⌘Z / Ctrl+Z |
Undo |
⌘⇧Z / Ctrl+Shift+Z |
Redo |
⌘F / Ctrl+F |
Find |
⌘O / Ctrl+O |
Open file |
Esc |
Close any open panel or modal |
Let users start from scratch or switch layouts without needing a pre-existing file.
- Built-in page template library (landing page, about, contact, team, blog index) selectable from a "New from Template" dialog — templates load like any other file and populate the Changes Menu immediately
- Section type library for the Add Section inserter, expanded with more layout variants
- Section reordering writes back to the actual HTML DOM order on Save & Preview
Save, version, and deploy directly from ContentForge without leaving the browser.
- GitHub — connect via OAuth or Personal Access Token; browse repos; commit files directly; open
.htmlfiles from any repo; basic commit history with version restore - Cloudflare Pages — connect via API token; list and push to Pages projects; view deployment status and live URL inline
- Auto-deploy pipeline — link a GitHub repo to a Cloudflare Pages project and trigger builds on "Save & Deploy"
Register and connect a domain to a deployed site without leaving ContentForge.
- Domain availability search via Cloudflare Registrar API
- Guided registration checkout using a stored Cloudflare account
- Automatic DNS configuration pointing the new domain to a Pages project
- SSL status indicator and domain management panel (A, CNAME, MX records, renewal dates)
Connect ContentForge pages to Zoho's CRM, email, and analytics suite.
- Zoho CRM — generate and embed Zoho Web Forms from the Contact section editor; map fields to CRM leads; view recent submissions inline
- Zoho Campaigns — embed subscription forms into any section; select a mailing list from a dropdown
- Zoho Analytics — inject a PageSense or Analytics tracking snippet via the View menu; see basic page metrics (views, clicks) inside the editor
- Zoho Commerce (longer-term) — embed product listings into ContentForge-edited pages
- Shareable edit links (read-only and edit modes)
- Per-section comment threads
- Change approval workflow
- Real-time co-editing via WebSocket or WebRTC
- Role-based access (editor, reviewer, admin)
- Single file — all CSS and JS are inline. The file works by double-click with no server.
- Vanilla JS only — no React, Vue, jQuery, or any framework.
- DOMParser-based — loaded files are parsed in-memory; nothing is sent to any server.
- Image uploads — encoded as base64 and embedded directly into the output HTML.
ContentForge is a single-file project. To contribute, edit editor.html directly — all CSS is in the <style> block and all JS is in the <script> block at the bottom. No build step required.
ContentForge — May 2026