Interactive Lesson

Showcase

Welcome to mr-md version 3! This page is a kitchen sink of all the features and modules available in the framework.

Rich Prose and Typography

Standard Markdown is fully supported, including bold, italics, and inline code like const x = 42;.

Syntax	Description
Header	Title
Paragraph	Text

Version 3 uses native GitHub-flavored blockquotes for callouts:

Note

This is a standard note callout.

Tip

Pro tip: You can use these to highlight shortcuts!

Warning

Be careful, this is a warning callout.

Important

Critical alerts use the important format.

KaTeX is built-in. Inline math looks like this: $E = mc^2$ . Block math looks like this:

LaTeX

f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi

Embed images natively using Markdown syntax:

Embed audio or video files directly by using their extensions:

video

Demo Video

Embed YouTube videos instantly:

YouTube

Mr Markdown Tutorial

Inject multiple-choice quizzes using a modular markdown file:

Check your understanding Test your knowledge

Question 1

How do you mount an interactive sandboxed JavaScript simulation in Mr Markdown v3?

Question 2

How do you add a red callout box for critical information?

Embed interactive JavaScript sandboxes natively:

Interactive Lab

Strong Force Ratio (1 = Our Universe) 0.1 10 Show Color Charge Exchange

Click to interact

QCD Simulation

You can structure your content in responsive columns:

Columns Compare

Left Side: This text is rendered in the left column.

Right Side: And this text goes on the right.