As ChatGPT, Claude and Gemini get better at outputting HTML directly — landing pages, reports, prototypes, slides — a new pain point appears: once you have the HTML, you only want to change a word or swap an image, yet you have to spin up another AI conversation. That's slow, burns tokens, and the AI might break something else while regenerating.

The MeTool Visual HTML Editor's answer is simple: if you can fix it with a click, don't bother the AI. Upload HTML, see it rendered, click any element to edit text, change fonts and colors, swap images, and drag to reorder — without reading a single line of code. This is exactly the "last 10% of polish after AI generates code" that tools like HtmlDrag and HeyHTML emphasize.

Click to edit text

Click any element and double-click to edit its text — rewrite copy as easily as editing a document.

Fonts, sizes, colors & alignment

Select an element and the floating toolbar lets you instantly adjust font family, size, color, alignment and bold — what you see is what you get.

Replace images (base64 embedded)

Select an image, upload a new one, and it's embedded as base64 — the downloaded file shows every image correctly anywhere, no separate image files required.

Smart drag reordering

Elements in flex / grid flow use reorder-style dragging that snaps back into the original layout rules and stays responsive; absolutely-positioned decorative elements can be freely dragged anywhere.

HTML slide deck editing

AI-generated HTML slide decks — built on reveal.js, custom deck layouts, or any other approach — load directly into the editor. Pause editing to flip through slides freely, then resume to edit text, swap images, or tweak layouts on any slide. Export as a multi-page PDF or a ZIP of per-slide PNGs.

Delete, undo/redo, find & replace

Delete extra elements with one click, up to 50 steps of undo/redo, and a global find-and-replace to update all matching text at once.

1. Upload HTML: click "Upload HTML" to pick an AI-generated or existing .html file — it renders instantly.
2. Click & edit: click any element to select it, then use the floating toolbar to edit text, fonts, colors, swap images, delete, or drag.
3. Download: click "Download HTML" to export a clean file with the editing layer stripped out — it opens in any browser and can be dragged back in to keep editing.

Manual visual editing and conversational AI edits aren't mutually exclusive — each fits different needs:

In short: use the visual editor for content, call the AI for structure. Save the expensive AI calls for where they're truly needed.