CDK editor blocks

The CDK editor is block-based. Each block represents a structured content type with a specific data model. You can compose modules by combining narrative blocks, media blocks, and interactive learning blocks.

This section documents the blocks that map to the interactive editor tools in Modula Connect docs.

How block editing works

  1. Open the editor and add a block type.
  2. Fill in the block fields in the form UI.
  3. Reorder blocks to shape the flow of your module.
  4. Switch to preview and validate the learner experience.
  5. Save your content state.

Available block docs

BlockUse for
TextShort articles and narrative text sections
TitleModule title, subtitle, and abstract
DeckFlashcard decks for active recall
ExerciseInteractive exercises and assessments
FormulaMathematical formulas in LaTeX
GalleryImage galleries in grid or slideshow layout
LocationMaps with optional markers and overlays
TimelineChronological event sequences

Editor API

PageUse for
IntegrationMounting the editor runtime and wiring required contexts
State and persistenceUnderstanding State lifecycle and JSON save format
Collaborative editorIntegrating realtime collaboration (presence, locks, signaling)
BackendBackend requirements, database model, and API endpoints for editor workflows

Editor block vs component rendering

A CDK block is the authoring model in the editor. At render time, each block maps to one or more visual components. This separation lets you keep authoring data structured, while preserving flexibility in output and styling.