Example of Overview in ASP.NET MVC Block Editor Control

This sample demonstrates the features of the Block Editor control. It showcases various block types, content formatting options, and interactive editing capabilities.

DEMO
SOURCE

The Block Editor is a modern, block-based content editing solution. It offers a powerful and intuitive interface for creating structured documents using discrete, interactive content blocks.

Key features demonstrated in this sample:

  • Multiple block types including Heading1-4, Paragraph, BulletList, NumberedList, CheckList, Quote, Callout, Divider, Code, ToggleParagraph, and more.
  • Rich text formatting with styles like Bold, Italic, Underline, Strikethrough, Uppercase, and more.
  • Interactive Slash ("/") commands for quick block insertion and transformation.
  • Hierarchical organization with expandable Toggle Blocks.
  • Support for inline special content such as Links and Labels.
  • Interactive label ("$") options for quick insertion of the labels.
  • Block manipulation with Action menu, allowing move, delete, and duplicate operations.
  • Keyboard shortcuts for fast, accessible editing workflows.
Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab