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

Pages & Sections View

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

Sections Accordion Sections

Content organized into collapsible sections by heading. Click a heading to expand that section. Default view.

Pages Paginated Pages

Content split into pages at each heading. Navigate with Prev/Next buttons. Best for step-by-step walkthroughs.

Markdown Tips

  • Use # Heading for section titles — these become accordion sections or page breaks.
  • 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