Скачать или смотреть Visual Editing in CloudCannon with Editable Regions

For content teams working with static sites, the gap between what you see and what you edit has always been frustratingly wide. They update a markdown file, commit their changes, wait for the build, and then see if their heading looks right. CloudCannon’s visual editing has helped close that gap for years, and our upgraded Editable Regions improve the experience further.

This video demonstrates how to add the necessary HTML attributes to your templates, starting with a simple text region and progressing through more complex scenarios. You'll see how to make headings, paragraphs, images, and arrays editable, and watch those yellow editing boxes appear in CloudCannon's Visual Editor as each region is configured. By the end, you'll have a clear sense of how to transform your static site templates into a fully visual editing experience.

GitHub repository - https://github.com/tomrcc/astroship-f...
Configuration Mode (Part 1) -    • Customize your CMS with CloudCannon's Conf...  
Documentation - https://cloudcannon.com/documentation...
Blog post - https://cloudcannon.com/blog/make-con...
Astro themes page - https://astro.build/themes/
CloudCannon - https://cloudcannon.com/

0:00:00 Intro
0:01:47 Building our site
0:02:53 Configure a collection to use the Visual Editor
0:03:55 Configure image paths
0:04:22 Source Editable Regions
0:09:00 Text Editable Regions
0:12:38 Array Editable Regions
0:14:31 Nested Editable Regions
0:17:15 Component Editable Regions
0:24:14 Outro