Get started

Course Editor

The Euron Systems course editor is a powerful tool for creating professional-quality course content. It supports rich text, media embeds, code blocks, interactive elements, and more.

Editor Interface

The course editor uses a block-based interface similar to modern document editors:

Toolbar

The top toolbar provides formatting options:

  • Text Formatting: Bold, italic, underline, strikethrough
  • Headings, H1 through H4
  • Lists: Ordered, unordered, and checklists
  • Alignment: Left, center, right, justify
  • Links, Internal and external hyperlinks
  • Code, Inline code and code blocks with syntax highlighting
  • Media: Images, videos, audio, and file attachments
  • Embeds: YouTube, Vimeo, CodePen, Google Slides, and more
  • Tables, Create and edit data tables
  • Callouts: Info, warning, success, and error callout boxes

Content Area

The main content area is where you write and arrange your lesson content. Each block can be:

  • Dragged to reorder
  • Duplicated with a single click
  • Deleted or converted to a different block type

Adding Media

Images

  1. Click the Image button in the toolbar or drag-and-drop an image into the editor.
  2. Images are automatically optimized and served via CDN.
  3. Add alt text for accessibility.
  4. Resize by dragging the corner handles.

Videos

For lessons that are primarily video-based:

  1. Click Add Video Lesson when creating a new lesson.
  2. Upload your video file (MP4, MOV, WebM, up to 4 GB).
  3. The video is transcoded into multiple resolutions (360p, 480p, 720p, 1080p).
  4. Adaptive bitrate streaming ensures smooth playback on all connections.
  5. DRM protection is applied automatically.

File Attachments

Attach downloadable resources to any lesson:

  • PDF handouts, worksheets, and cheat sheets
  • Source code files and project templates
  • Spreadsheets and datasets
  • Any file type up to 100 MB

Code Blocks

For programming courses, the code block feature supports:

  • 30+ programming languages with syntax highlighting
  • Line numbers toggle
  • Copy button for students to copy code snippets
  • Live code playground (for JavaScript, Python, and HTML/CSS). Students can edit and run code directly in the browser

Saving and Publishing

  • Content is auto-saved every 30 seconds.
  • Use Ctrl+S (or Cmd+S on Mac) to save manually.
  • Click Preview to see the lesson as students will see it.
  • Lessons start in Draft mode and must be set to Published to be visible.

Was this page helpful? Contact us at support@euronsystems.com