Content Formatting

Use the WYSIWYG editor to format course, module, and topic descriptions

Course, module, and topic descriptions use a WYSIWYG editor (What You See Is What You Get). Format content visually — no Markdown or HTML required.

Toolbar Features

H Text Formatting

Headings, bold, italic, strikethrough. Structure content with clear hierarchy.

Lists & Blocks

Bulleted lists, numbered lists, task lists, blockquotes, horizontal rules.

</> Code & Links

Inline code, code blocks with syntax highlighting, hyperlinks.

Tables & Images

Insert tables, upload images, and embed media directly.

YouTube Embed Button

One-click video insertion — paste any YouTube URL. See the YouTube embed guide.

M↓ Visual / Markdown Tabs

Toggle between Visual (WYSIWYG) and Raw Markdown modes for precise control.

WYSIWYG description editor with toolbar
The WYSIWYG editor with formatting toolbar, visual and Markdown tabs

Scroll & Flip View

Descriptions on detail pages can be viewed in two modes, toggled from the top-right of the description panel:

Scroll All content

All content in one scrollable accordion. Collapse headings if you want. Default view.

Flip Pages that fit the view

Content packed into pages that fit the stage. Short sections may share a page; long ones split. Navigate with Prev/Next.

Markdown Tips

  • Use # Heading for section titles — these become Scroll (accordion) sections. Flip packs content into pages that fit the view.
  • Wrap diagrams in <div markdown="0">...</div> to prevent the Markdown parser from altering them.
  • The Visual tab gives you a live preview as you type.
  • Switch to Raw Markdown for pasting pre-written content or precise formatting control.
Tip: The editor has two tabs — Visual for point-and-click editing, and Raw Markdown for direct Markdown input. Switch anytime.

Troubleshooting

  • Editor looks different: Make sure you're on the Visual tab. The Raw Markdown tab shows plain Markdown/HTML without the toolbar.
  • Markdown formatting breaks my HTML: Wrap the HTML in <div markdown="0">...</div> to prevent the Markdown parser from altering it.
  • Images not appearing: Use the image button in the toolbar to upload, or ensure the image URL is accessible.
Questions about formatting?

We're here to help

Contact Us