CloudCannon Visual Editing

@cloudcannon/editable-regions makes page elements interactive in CloudCannon's Visual Editor. This skill covers the editable regions API, integration setup, and SSG-specific patterns for wiring up text, image, array, and component editables.

When to use

• Adding Visual Editor support to a new or existing CloudCannon site
• Making page sections editable (text, images, arrays, components)
• Setting up component re-rendering for live preview
• Debugging editable regions that aren't appearing or updating
• Adding editable regions to shared partials backed by data files

When not to use

• The field has no _inputs entry or the collection is unconfigured — configure it first with cloudcannon-configuration. An editable region with no matching Input errors in the editor.
• Editors need to insert new markup inside rich text — that is cloudcannon-snippets. Editable regions edit what is already rendered.
• A page will not open in the Visual Editor at all — that is usually a wrong collection url, not a region problem. See cloudcannon-configuration/collection-urls.md.

Contents