Skip to content

Commit

Permalink
Add types of syntax highlighting
Browse files Browse the repository at this point in the history
  • Loading branch information
BTWS2 committed Nov 17, 2023
1 parent 6ac56b4 commit ad9e23f
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 4 deletions.
12 changes: 10 additions & 2 deletions en/references/exercise-description/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -252,10 +252,10 @@ When using HTML, wrap your code with `<code>` and `</code>`:
In your solution, you can use variable <code>someVariable</code>.
```

In Markdown, wrap your code with backticks (\`):
In Markdown, wrap your code with backticks (\`). You can even add the programming language's syntax highlighting with `{:.language-python}` for example.

```markdown
In your solution, use can use variable `someVariable`.
In your solution, use can use variable `someVariable`. Use the abbreviated notation `result += 1`{:.language-python}.
```

### Code blocks
Expand Down Expand Up @@ -301,6 +301,14 @@ Using Markdown, Dodona can automatically add syntax highlighting if you provide
let a = 5;
let b = 42;
```
Syntax highlighting for the Python doctest format can be obtained this way:

```console?lang=python&prompt=>>>
>>> echo("Hello world!")
"Hello world!"
>>> echo(5)
5
```

## Callouts

Expand Down
13 changes: 11 additions & 2 deletions nl/references/exercise-description/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -257,10 +257,10 @@ Als je HTML gebruikt, plaats dan `<code>` en `</code>` rond je code.
Gebruik de variabele <code>someVariable</code> in je oplossing.
```

Als je Markdown gebruikt, plaats dan *backticks* (\`) rond je code.
Als je Markdown gebruikt, plaats dan *backticks* (\`) rond je code. Je kan zelfs ook de de syntax highlighting van de programmeertaal toevoegen met `{:.language-python}` bijvoorbeeld.

```markdown
Gebruik de variabele `someVariable` in je oplossing.
Gebruik de variabele `someVariable` in je oplossing. Gebruik de verkorte notatie `result += 1`{:.language-python}.
```

### Blokken code
Expand Down Expand Up @@ -307,6 +307,15 @@ Als je Markdown gebruikt, dan kan Dodona automatisch de code opmaken als je aang
let b = 42;
```

Syntax highlighting voor het Python doctest formaat kan je op deze manier bekomen:

```console?lang=python&prompt=>>>
>>> echo("Hello world!")
"Hello world!"
>>> echo(5)
5
```

## Callouts

Om de aandacht te vestigen op een stukje uit je opgave, kan je gebruik maken van *callouts*. Dit zorgt voor een opmaak zoals hier wordt getoond:
Expand Down

0 comments on commit ad9e23f

Please sign in to comment.