Image
rascal-0.34.0
rascal-tutor-0.18.4
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:
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 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.