syncfusion-angular-blockeditor
Syncfusion Angular Block Editor Component
Component Overview
The Syncfusion Angular Block Editor is a powerful block-based editor component for Angular applications. It provides a document-centric editing experience similar to modern content management systems, with extensive support for formatting, customization, and advanced features.
Key Capabilities:
- Block Management - Compose documents with various block types (paragraphs, headings, lists, tables, code, images)
- Text Formatting - Bold, italic, underline, strikethrough, colors, highlights, and inline styles
- Advanced Menus - Slash commands, context menus, inline toolbars, and block action menus
- Events & Interactions - Comprehensive event handling for content changes, selection, drag-drop, paste operations
- Content Management - Import/export as JSON, HTML, or Markdown with full serialization control
- Methods - Programmatically add, remove, move, and update blocks with full API access
- Security Features - Built-in HTML sanitization and XSS prevention for safe content
- Toolbar Configuration - Customizable slash commands and block action menus with grouping
- Templates - Custom templates for blocks, placeholders, and empty states
- Globalization - Multi-language support, RTL languages, and locale-based keyboard shortcuts
- Customizable UI - Themes, CSS variables, responsive sizing, read-only mode, and placeholder text
More from syncfusion/angular-ui-components-skills
syncfusion-angular-grid
Implements Syncfusion Angular Grid component for feature-rich data tables and grids. Use this when working with data display, sorting, filtering, grouping, aggregates, editing, or exporting. This skill covers grid configuration, CRUD operations, virtual scrolling or infinite scrolling, hierarchy grids, state persistence, and advanced data management features for data-intensive applications.
108syncfusion-angular-common
Common utilities and features for Syncfusion Angular components. Use this skill when the user needs to implement animations, drag-and-drop, state persistence, RTL support, localization, globalization, security, templates, and advanced features for Syncfusion Angular components.
108syncfusion-angular-license
Use this skill when the user asks about Syncfusion Angular licensing, license keys, license registration, license validation errors, trial licenses, or license troubleshooting. This skill provides comprehensive guidance on generating, registering, and managing Syncfusion license keys for Angular applications, including edition-based and platform-based licensing models, registration methods, CI/CD integration, and resolving common licensing errors.
107syncfusion-angular-rich-text-editor
Implements the Syncfusion Angular Rich Text Editor (ejs-richtexteditor) from @syncfusion/ej2-angular-richtexteditor using RichTextEditorModule, HtmlEditorService, and MarkdownEditorService.Use this skill for toolbar configuration, image/video/audio insertion, paste cleanup, AI assistant integration, emoji picker, slash menu, mentions, import/export Word/PDF, form validation, and source code view in Angular applications.
104syncfusion-angular-scheduler
Implement and configure Syncfusion Angular Scheduler (Schedule) component for calendar and event management. Use this when building schedulers, calendar systems, event management applications, appointment booking interfaces, or resource scheduling solutions. This skill covers timeline views, day/week/month views, recurring events, time slot management, and working hours configuration.
104syncfusion-angular-file-manager
Implement the Syncfusion Angular File Manager component for file browsing, management, and operations. Use this skill whenever the user needs to create a file manager interface, handle file operations like upload/download/delete, manage folders, or customize file browsing experiences in Angular applications.
104