Skip to content

The milkdown editor

The milkdown editor is widely used in Lambda Feedback. It accepts:

  • standard markdown
  • \(\LaTeX\) (delimited by $ and limited to KaTeX functionality)
  • images (paste or drag and drop)
  • videos (paste a URL)

Common needs in milkdown

Here's a walkthrough to create some basic content:

Empty lines

Two blank spaces in a line will ensure it persists (as in standard markdown).

Inline maths

Use the $ sign to delimited inline maths. For example type the following:

This is inline maths, $\alpha<0$, and it is useful

Gif of typing the above into milkdown

Equation mode

Start a blank line with $$ then press the space bar. This will introduce an equation editor. Type raw \(\LaTeX\) into the shaded part and see the live preview in the lower part. *Press ctrl+enter (Mac: cmd+enter) to exit the equation editing box.

For example, type the following after typing $$ [space] into a fresh line:

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

Gif of entering the above in equation mode

Steps in worked solutions

If you begin a fresh line with --- (three dashes) then a horizontal rule appears. Alternatively click the button on the toolbar to insert a horizontal rule.

Image showing the button of the step breaker line

If you are editing a worked solution, then Lambda Feedback will split the worked solution into steps according to the location of horizontal rules. You can delete and add the rules and the solution steps will update.

For example:

This is the first step of the solution - which is a good hint towards solving
---
This is a second step, which makes it more obvious
---
Finally we reach the solution

When viewing the worked solutions, this is how it looks:

Gif of viewing worked solution steps

This is the process to create the solution steps:

Gif of entering worked solution steps

Images

You can add images with drag-and-drop or copy-and-paste. Currently (July '24) there is no way to resize images other than lowering the resolution - see below.

Image showing resized images on lambda feedback