Rich Text Lesson Content Editor

Instructors can compose and format lesson body text using a built-in WYSIWYG editor, eliminating the need to write raw HTML or Markdown. The editor is powered by TipTap and is available on every lesson editing page.

Supported Formatting

The editor toolbar exposes the following formatting options:

Feature	Description
Headings	H1–H6 heading levels for structuring lesson sections
Lists	Ordered (numbered) and unordered (bulleted) lists
Code Blocks	Fenced code blocks for inline code and multi-line snippets
Inline Images	Embed images directly within the lesson body

Saving Content

Lesson content is saved in two ways:

• Auto-save on blur — The editor automatically saves whenever focus moves away from the editor area. Instructors do not need to take any action to preserve their work.
• Explicit save — A save action is also available for instructors who prefer to save manually at a specific point.

Storage Format

Content is stored as TipTap JSON on the lesson record. This is a structured document format that:

• Accurately represents the document tree (nodes, marks, and attributes)
• Is renderer-agnostic — the same JSON can be rendered to HTML, plain text, or any other target
• Supports future extensions such as custom node types and collaborative editing

Usage

1. Open a lesson in the course builder.
2. Click into the Content editor area.
3. Use the formatting toolbar to apply headings, lists, code blocks, or insert images as needed.
4. Navigate away from the editor or click Save — your content is persisted automatically.

Notes

• The TipTap JSON is stored on the lesson record and is used as the source of truth for rendering lesson content to learners.
• Inline images must be accessible URLs; local file upload support may be added in a future release.