Skip to main content

Image

rascal-0.40.13-BOOT2
rascal-tutor-0.19.9

Synopsis

Include an image.

Syntax

This is the general Markdown syntax:

![alt text](url)

With the double brackets you can search for an image in the tutor index:

![alt text]((Link))

Or, if you need more configurability, like dimensions:

<img src="url" width="200px"/>

Description

Tutor offers the simple Markdown image syntax plus referencing images in a course. If you need more flexibility, use the HTML <img> tag.

Examples

![alt]((dandelion.jpg))

will produce:

alt

or we could use an img tag with a full path to the file in the assets folder:

<img src="/assets/Tutor/Markup/InlineMarkup/Image/dandelion.jpg" width="100px">

which produces this:

Finally, have a look at the Library:module:Content library module and the listing feature to generate images using Rascal code at Tutor compile time.

Pitfalls

  • Don't forget a sensible alt text. It makes the documentation much more accessible.