From ad9e23f475cb08a11474cdc02c953eef757ad826 Mon Sep 17 00:00:00 2001
From: BrechtW <56451049+BTWS2@users.noreply.github.com>
Date: Fri, 17 Nov 2023 15:58:52 +0100
Subject: [PATCH] Add types of syntax highlighting

Based on https://github.com/dodona-edu/dodona/issues/3216
---
 en/references/exercise-description/index.md | 12 ++++++++++--
 nl/references/exercise-description/index.md | 13 +++++++++++--
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/en/references/exercise-description/index.md b/en/references/exercise-description/index.md
index 4875dbb25..5bf4387d0 100644
--- a/en/references/exercise-description/index.md
+++ b/en/references/exercise-description/index.md
@@ -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
@@ -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
 
diff --git a/nl/references/exercise-description/index.md b/nl/references/exercise-description/index.md
index da83adf2b..7de0a5c0e 100644
--- a/nl/references/exercise-description/index.md
+++ b/nl/references/exercise-description/index.md
@@ -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
@@ -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: