Course Editor
Master the powerful course editor with drag-and-drop functionality and real-time preview
The course editor is your primary workspace for creating and organizing course content. This guide covers all features and shortcuts to help you work efficiently.
Editor Interface
Main Toolbar
Top bar with course actions: Save, Publish, Preview, Export, Team, Analytics, Cognito
Sidebar Navigation
Left panel showing course structure with expandable modules and lessons
Content Editor
Center area where you edit lesson content with rich formatting options
Properties Panel
Right panel for editing selected element properties and settings
Working with Modules
Creating Modules
- Click "+ Add Module" in the sidebar
- Enter module name and description
- Set estimated duration (optional)
- Click "Create"
Module Actions
Right-click any module or use the three-dot menu to:
- Edit: Change name, description, or settings
- Duplicate: Create a copy with all lessons
- Move: Reorder by dragging or using arrows
- Delete: Remove module and all its lessons
Deleting a module removes all lessons inside it. This action cannot be undone. Consider exporting a backup first.
Working with Lessons
Creating Lessons
- Expand the target module
- Click "+ Add Lesson"
- Enter lesson title
- Add description and learning objectives
- Click "Create"
Lesson Editor Features
Rich Text Formatting
- Bold, italic, underline, strikethrough
- Headings (H1-H6)
- Bulleted and numbered lists
- Block quotes and code blocks
- Tables and dividers
Media & Content
- Images with captions
- Video embeds (YouTube, Vimeo, direct)
- Audio files
- File downloads
- Interactive embeds
Content Blocks
Add specialized content blocks to enhance your lessons:
Text Block
Standard formatted text with support for headings, lists, and inline formatting
Code Block
Syntax-highlighted code with language selection and copy button
Callout/Alert Block
Highlighted boxes for tips, warnings, notes, and important information
Quiz Block
Interactive assessments with multiple question types and instant feedback
Video Block
Embedded or uploaded videos with playback controls and transcripts
Drag and Drop
Reordering Content
Easily reorganize your course structure:
- Modules: Drag to reorder in the sidebar
- Lessons: Drag within or between modules
- Content Blocks: Drag to reorder within a lesson
- Hold shift while dragging to copy instead of move
- Drop zones highlight in blue when dragging
- Undo any drag operation with Cmd/Ctrl + Z
Keyboard Shortcuts
General
Cmd/Ctrl + SCmd/Ctrl + ZCmd/Ctrl + Shift + ZCmd/Ctrl + PFormatting
Cmd/Ctrl + BCmd/Ctrl + ICmd/Ctrl + KCmd/Ctrl + EAuto-Save & Versioning
Automatic Saving
Your work is automatically saved:
- Changes save every 30 seconds
- Manual save with Cmd/Ctrl + S
- Save indicator shows last save time
- Offline changes sync when reconnected
Version History
Access previous versions of your course:
- Click "History" in the toolbar
- Browse chronological list of changes
- Preview any previous version
- Restore a version if needed
Preview Mode
Live Preview
See how your course looks to students:
- Click "Preview" to enter student view
- Navigate through lessons as a student would
- Test quizzes and interactive elements
- Check responsive design on different screen sizes
Device Preview
Desktop
Full layout with sidebar
Mobile
Responsive layout
Tablet
Optimized view
Collaboration Features
Real-Time Editing
When working with team members:
- See who else is online (avatars in top-right)
- View their cursor position and selections
- Changes sync instantly across all editors
- Automatic conflict resolution
Comments
Add feedback without editing content:
- Select text or content block
- Click comment icon or press Cmd/Ctrl + Shift + M
- Type your comment
- Mention team members with @name
- Mark resolved when addressed
Advanced Features
Custom CSS
Professional tier users can add custom styling:
- Add CSS classes to content blocks
- Define custom styles in course settings
- Override default theme colors
- Create branded templates
Conditional Content
Show content based on conditions:
- Display content only after quiz completion
- Show different content based on quiz scores
- Release lessons on specific dates
- Require prerequisite completion
Tips for Efficient Editing
- Use templates to maintain consistent formatting
- Duplicate similar lessons to save time
- Learn keyboard shortcuts for faster editing
- Preview on mobile regularly during development
- Use the outline view to quickly navigate large courses
What's Next?
Explore Cognito to generate content faster, or learn about different content block types to make your lessons more engaging.