edt Active

Edit the real files. On disk. Live.

Canvas is the editor at the heart of the studio — raw HTML, CSS, JS, and PHP with syntax highlighting, client-safe click-to-edit regions, a built-in SEO audit, and an automatic backup on every single save.

↳ replaces WordPress · Webflow · Wix
capabilities what it does

No database. No lock-in.

Your site stays a set of plain files. Canvas edits them in place — nothing to migrate, nothing to export, nothing to untangle later.

Raw on-disk editing

Edit html, htm, css, and php directly, with syntax highlighting. No shortcodes, no page builder — the file you edit is the file that ships.

Client click-to-edit

Mark editable regions and hand the keys to a client. They update text and swap images inline — without ever seeing, or breaking, the code around them.

Built-in SEO audit

Run a per-page audit that flags missing titles, descriptions, headings, and link issues — surfaced right in the editor as you work.

Backups on every save

Each save writes a .bak into /.pe_backups/. Preview, diff, or restore any of the recent backups in a click — the current file is backed up first, so nothing is ever lost.

under the hood how editing works

Safe by default.

Guardrails, not gates

Every path is resolved through safePath() so edits can never escape a site's root. Files are capped at 2 MB, and writes are atomic — a temp file is written first, then renamed, so a failed save can't corrupt a live page.

  • Find & replace across every file in a site at once
  • Templates — start a page from the included library
  • Linked CSS extracted automatically from your HTML
  • Auto-backup to /.pe_backups/ on every write
index.html — canvas
<!-- click-to-edit region -->
<section data-pe-edit="hero">
  <h1>Rochester Revival</h1>
  <p>Live music, every weekend.</p>
</section>

# on save → /.pe_backups/index.html.bak
# SEO audit: ✓ title  ✓ meta  ⚠ 1 image alt

Open a file and start editing.