Skip to Content
Edit on GitHub

Blocks

The LearnHouse editor supports many block types for building course content. You can insert any block by typing / and selecting from the menu.

Text Blocks

  • Paragraph: Standard body text with full inline formatting support.
  • Heading 1: Top-level heading for major sections.
  • Heading 2: Second-level heading for subsections.
  • Heading 3: Third-level heading for smaller sections.
  • Heading 4: Fourth-level heading.
  • Heading 5: Fifth-level heading.
  • Heading 6: Sixth-level heading.
  • Bullet List: Unordered list for grouping items.
  • Numbered List: Ordered list for sequential items.
  • Code Block: Syntax-highlighted code with language selection.

Media Blocks

  • Image: Upload images or insert by URL.
  • Video: Upload video files or embed from YouTube and other sources.
  • Audio: Upload or embed audio content.
  • PDF: Embed PDF documents with a built-in viewer.
  • Embed: Embed external content via URL (iframes).
  • Web Preview: Preview a web page with metadata.

Interactive Blocks

  • Quiz: Interactive quiz with questions to test understanding.
  • Code Playground: Runnable code with test cases and execution.
  • Magic Block: AI-generated interactive content.
  • Math Equation: Render mathematical notation using LaTeX syntax.
  • Flip Card: Flashcard for learning and memorization.
  • Scenarios: Interactive branching scenarios with choices.
  • H5P: Embed interactive H5P content hosted on your own H5P provider.

UI Blocks

  • Callout Info: Information callout box for tips and notes.
  • Callout Warning: Warning callout box for important alerts.
  • Badge: Styled badge or label element.
  • Table: Resizable tables for structured data.
  • Divider: Horizontal rule to visually separate sections (type `---` to insert).

Using Blocks

Each block can be individually moved, duplicated, or deleted. Click the handle on the left side of a block to drag it to a new position, or use the block menu for additional options.