Devani's editor works on the page itself — you edit the real page, not a preview that approximates it. Open any page or post from the admin and switch into edit mode.
Editing basics
- Click any text to edit it — headings, paragraphs, button labels, list items. Type directly.
- Add blocks — hover between sections for + Add section, or inside a container for + Add element. The picker shows visual previews of each block.
- Rearrange by dragging — sections and elements both.
- Layers & inspector panels — the editor panel gives you a layer tree of the page and an inspector for the selected element's properties.
What's in the block picker
- Sections: hero, CTA row, feature grids, two/three/four columns, image + text.
- Elements: heading, paragraph, image, button, quote, nested column layouts.
- Modules: Form (Sendl) — pick one of your Sendl forms or paste a form link, and it embeds inline; Interactive image (Pinpic) — generate an AI image with clickable hotspots without leaving the editor. Module blocks show a connect prompt if the integration isn't set up yet, with a link straight to the right Settings field.
Saving is safe by design
When you save, Devani sanitizes the content: every piece of editor scaffolding (toolbars, drag handles, selection state) is stripped, so the saved page contains only your actual content. The sanitizer is conservative and idempotent — saving twice produces byte-identical output. And every save first snapshots the previous version, so any edit can be undone (see Snapshots & rollback).
Styling
Site-wide look and feel lives in the global stylesheet, and typography (body font, heading font, weights) is configured in Settings — fonts load locally, not from a third-party CDN. Blocks you insert use the site's canonical classes, so new content automatically matches your design.
Prefer to chat?
Everything the editor does, Claude or ChatGPT can do too — same pages, same snapshots. See Connect Claude or ChatGPT.