Course Editor
A powerful editor for creating and managing course content.
Create New Course
Course Details
Basic information about your course
Choose a clear, specific title that describes what students will learn
Write a compelling description that highlights the value of your course
Select the appropriate level for your course
Course Structure
Organize your course into modules and lessons
No modules yet
Start by adding a module to your course
Pricing
Set up your pricing plans
Set the monthly subscription price for your course
Introduction
The Course Editor component provides a user-friendly interface for creating and editing courses in the WeDance platform. It allows instructors to define course details, structure content into modules and lessons, and set pricing options.
Usage
The Course Editor is designed to be used in any page where instructors need to create or edit course content. It handles form validation, module and lesson organization, and pricing configuration.
Basic Usage
To use the Course Editor component, simply include it in your template and provide an event handler for the cancel action:
Features
Course Details
The first section allows instructors to set basic course information:
- Course Name - The title of the course
- Description - A detailed explanation of what the course covers
- Level - The difficulty level (Beginner, Intermediate, Advanced, or All Levels)
Course Structure
The Course Structure section enables instructors to organize content hierarchically:
- Modules - Top-level organization units for related lessons
- Lessons - Individual learning resources with duration and video content
- Drag-and-drop reordering (planned feature)
Pricing
The Pricing section allows instructors to set subscription options:
- Monthly price - Set the recurring subscription fee
- Currency - Choose between EUR and USD
- Additional plan types (premium, trial) are planned for future releases
User Flow
The course editing flow begins from the Teacher Dashboard where an instructor can create a new course or edit an existing one. The Course Editor interface consists of three main sections:
- Course Details – Where instructors enter basic information like course name, description, and difficulty level.
- Course Structure – For organizing content into modules and lessons:
- Instructors can add, edit, or remove modules
- Within each module, they can add, edit, or remove lessons
- Lessons include title and duration settings
- Pricing – For setting subscription options:
- Monthly price and currency selection
When saving a course, validation checks ensure all required information is provided. If validation fails, the instructor is returned to the editor with error messages. Upon successful validation, a success message is displayed and the course is saved as a draft. From the drafts section, instructors can return to edit their courses or publish them when ready.
The Cancel action allows instructors to exit the editor and return to the dashboard without saving changes.
Events
| Event | Description |
|---|---|
| cancel | Emitted when the user clicks the Cancel button |
Accessibility
The Course Editor follows accessibility best practices:
- Proper labeling of form controls
- Clear error messages for validation issues
- Keyboard navigation support
- Semantic HTML structure
Future Enhancements
- Drag-and-drop reordering of modules and lessons
- Rich text editor for course descriptions
- Video upload and thumbnail selection
- Preview mode for instructors to see how their course will appear to students
- Additional pricing options and subscription tiers