Preview and export

Preview

Click Preview in the title bar, or press Ctrl P (F5 also works). The button becomes Back to editor while you are in it.

The preview is the real thing. Compose builds the actual export and runs it inside the editor, rather than drawing an approximation. That means:

• Interactive blocks behave exactly as they will for a learner — quizzes mark, drag and drop drags, the 3D viewer orbits.
• Navigation, the lesson bar and the progress gate work.
• Anything that renders correctly in preview renders correctly in the export, because they are the same code.

Device widths

The device toggle simulates three viewports:

Worth doing on any course with images, tables or freeform blocks — those are where narrow screens find problems.

Before you export

The status strip along the bottom lists validation notices. None block an export, all are things a learner would hit:

• A text or rich text block with nothing in it
• An image with no source, or no alt text
• A quiz with no question, fewer than two answers, or no correct answer marked
• A matching block with fewer than two pairs, or an empty side
• A flashcards block with no cards, or an empty side
• An empty custom code block

Export

Course ▸ Export…, or Ctrl E.

Formats

SCORM in detail, and what gets tracked →

HTML5: zip or folder

For HTML5 only, you can export a plain folder instead of a .zip — convenient when you are copying the result straight onto a web server or into a shared drive.

Open index.html in a browser and the course runs, with progress saved to that browser’s local storage.

What is in the package

Whatever the format, the export is self-contained:

• The course runtime — index.html, one stylesheet, and the scripts
• Your course content, embedded as data
• Every image, video, audio file, 3D model and downloadable resource, staged into assets/
• The typefaces you chose, embedded as web fonts
• The course theme, written in as CSS
• For SCORM formats, imsmanifest.xml

Nothing is fetched from the internet at runtime, which is what lets a package run inside an LMS on a locked-down network — or off a USB stick.

Missing media

If a file you referenced has since been moved or deleted, the export still succeeds: the missing path is dropped and reported as a warning when the export finishes. Check that list — a silently missing image is the most common cause of “it looked fine in the editor”.

Defaults

Settings ▸ Export sets the format each new course starts on, and whether Compose opens the containing folder once an export finishes.