What is Block Farm Editor?
Block Farm Editor is a powerful content editing tool for Umbraco that allows developers to create reusable blocks and block containers, making it easy to manage and edit content in a visual way.
With Block Farm Editor, you can create complex layouts and structures without the need for custom code, allowing content creators to focus on what they do best - creating great content.
Technology used
Frontend
Block Farm Editor utilizes a frontend editing experience built using lit components in lightdom mode
This preserves the styling and functionality of your site across components while providing a stable and easy to maintain platform for the logic and functionality to manage a visual editing experience.
Backend
The backend is built using a property editor which can be assigned to pages via a composition.
A composition is automatically created on startup if it does not exist. You can always add the Block Farm Editor Data type as well, but the composition is the recommended way to add it.
Blocks
Blocks are the underlying content structure used in entering content.
Block Containers
Block Containers are really just blocks with block-area tag helpers defined, creating placeholders which you can then fill with other blocks.
They can be nested within each other, providing a flexible structure for your content while still maintaining their block like behavior.
Modular Content
Blocks provide a modular approach to content management, allowing editors to build pages by combining different types of content blocks.
Dragging and dropping content from one section to another allows for easy reorganization of content, creating a flexible and dynamic content editing experience.
Properties
Properties are the backbone of Block Farm Editor, allowing you to define the data structure for your blocks and block containers.
Registering Properties
Properties can be registered in the Umbraco backoffice, allowing developers to define the data structure for their blocks and block containers.
This makes it easy to manage and edit content, providing a user-friendly interface for content creators.
Editing Properties
Once properties are registered, they can be easily edited in the Umbraco backoffice, providing a user-friendly interface for content creators to manage their content.
Customization
Each block can have its own properties, styles, and behaviors, making it a powerful tool allowing content creators to manage a page with a visual view of the content changes they are making.