umbraco-block-editor-custom-view
Umbraco Block Editor Custom View
What is it?
A Block Editor Custom View provides a custom visual representation for blocks in Block List, Block Grid, or Block RTE editors. Instead of the default block rendering, you can create a custom Web Component that displays block content in a specialized way - useful for themed previews, domain-specific visualizations, or enhanced editing experiences.
Documentation
Always fetch the latest docs before implementing:
- Main docs: https://docs.umbraco.com/umbraco-cms/customizing/extending-overview/extension-types/block-custom-view
- Block Editor: https://docs.umbraco.com/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/block-editor
- Foundation: https://docs.umbraco.com/umbraco-cms/customizing/foundation
Related Foundation Skills
- Umbraco Element: For implementing the custom view element
- Reference skill:
umbraco-umbraco-element
- Reference skill:
Reference Example
More from umbraco/umbraco-cms-backoffice-skills
umbraco-backoffice
Umbraco backoffice extension customisation - complete working examples showing how extension types combine
183umbraco-controllers
Understand and create controllers in Umbraco backoffice (foundational concept)
169umbraco-dashboard
Implement dashboards in Umbraco backoffice using official docs
168umbraco-extension-template
Create new Umbraco backoffice extensions using the official dotnet template
168umbraco-quickstart
Quick setup for Umbraco extension development - creates instance, extension, and registers it
166umbraco-property-editor-ui
Implement property editor UIs in Umbraco backoffice using official docs
163