Skip to main content
The block editor is where you write and arrange your lesson content. It is built on TipTap, a modern rich-text foundation, and gives you more than 40 block types to work with. Every block can be dragged to a new position using the drag handle that appears on the left side when you hover over it. To insert any block, type / anywhere in the editor to open the slash command menu and search by name.

​
Inserting and reordering blocks

Type / at the start of any line to open the block menu. Start typing the name of the block you want and press Enter to insert it. To move a block, grab the drag handle on its left edge and drop it where you want it.
You can reorder any block type, including interactive learning blocks and media embeds, using drag-and-drop. The handle appears when you hover over the block’s left margin.

​
Block categories

These blocks form the skeleton of a lesson. Use them to organize written content, add structure, and present code or data clearly.

Headings

Multiple heading levels for section titles and subsections.

Lists

Bulleted, numbered, and task lists for steps, items, or options.

Tables

Multi-column tables with resizable columns. Good for comparisons, pricing tiers, and feature grids.

Blockquotes

Pull a key quote or excerpt out of the flow of text.

Code

Syntax-highlighted code blocks. Supports all major languages.

Collapsible details

Expandable toggle sections that hide content until a student clicks to reveal it.
These blocks turn passive reading into active learning. Use them to reinforce key ideas, check understanding, and keep students engaged.

Flashcards

A flip-card format where students reveal the answer by clicking. Great for definitions and key terms.

Multiple-choice quizzes

One question with selectable options and instant feedback.

Checklist cards

A checklist students can tick off as they work through a task or process.

Stepper guides

A numbered step-by-step sequence with each step displayed as a distinct card.

Reflection prompts

An open question that invites students to pause and think before moving on.

Statement blocks

A single bold statement displayed prominently to drive home a key point.

Person quotes

A quote attributed to a named person, with optional role and avatar.

Callouts

Highlighted boxes for tips, warnings, notes, and important information.

Blurb cards

A compact card with an icon, title, and short description. Good for feature lists or key principles.

Pros and cons

A two-column layout that lays out advantages and disadvantages side by side.

Stat highlights

A large number or metric displayed prominently to anchor a data point.

Interactive widgets

AI-generated custom tools like calculators and scorecards. See Widgets.
Use media blocks to break up text, illustrate concepts, and give students downloadable resources.

Image

Upload any image with optional caption, alignment (left, center, right), and width control.

File download

Attach a PDF, spreadsheet, or any file that students can download directly from the lesson.

Screenshot

A framed image styled to look like a screen capture. Useful for software walkthroughs.

Video

Embed a YouTube or Vimeo URL, or upload a video file (MP4, WebM, or Ogg) to host directly in the lesson.

Bookmark card

A link preview card that shows the page title, description, and thumbnail.

Embed

Embed external tools and pages that support iframe embedding, such as Loom, Figma, and CodePen.
These features help you and your students move through lessons and add calls to action.

Call-to-action button

A button block that links students to another lesson, course, or external resource.

Prompt block

A copyable AI prompt students can lift straight into their own tool.

Diagram

A flowchart or diagram you can generate from a description.

Drag-handle reordering

Every block has a drag handle on its left edge. Grab it to move any block to a new position.

Slash command menu

Type / anywhere in the editor to search and insert any block type by name.