lia-marker for LiaScript: Color-Coded Text Highlighting Quizzes

Reading comprehension and grammar tasks often require marking specific words or phrases in a text. The lia-marker community plugin by MINT-the-GAP adds a highlighting toolbar to LiaScript courses and a set of quiz macros that automatically check whether the correct words were highlighted in the correct colors.

Quick Start

<!--
import: https://raw.githubusercontent.com/MINT-the-GAP/lia-marker/main/README.md
-->

After importing, a toolbar button appears in the navigation bar for free highlighting. Use the macros below to define graded marker quizzes.

Marker Quiz Macros

@mark and @markCOLOR — Define target words

Use these inline to mark which text the student must highlight, and in which color:

<div class="markerquiz">
@markred(Katze) @markblue(Schritt)
@TextmarkerQuiz
</div>

Use @mark(text) to accept any color; use @markCOLOR(text) to require a specific color.

Available colors: red, blue, green, yellow, pink, orange

@TextmarkerQuiz — Add Check / Solve buttons

Always pair marker targets with @TextmarkerQuiz at the end of the <div class="markerquiz"> block.

@markedCOLOR — Pre-filled highlights (read-only)

Use these to show text pre-highlighted for demonstration purposes:

The **mitochondria** is @markedred(the powerhouse) of @markedblue(the cell).

Example: Language Arts Lesson

<!--
import: https://raw.githubusercontent.com/MINT-the-GAP/lia-marker/main/README.md
-->

# Parts of Speech

## Task 1 — Nouns and Verbs

Highlight all **nouns** in red and all **verbs** in blue.

<div class="markerquiz">
The @markred(dog) @markblue(runs) across the @markred(garden) every @markred(morning).
@TextmarkerQuiz
</div>

---

## Task 2 — Adjectives

Highlight all **adjectives** in green.

<div class="markerquiz">
The @markgreen(tall) @markred(tree) cast a @markgreen(long), @markgreen(dark) @markred(shadow).
@TextmarkerQuiz
</div>

---

## Task 3 — Any color (free choice)

Mark the word that does NOT belong to the group.

<div class="markerquiz">
apple — banana — @mark(carrot) — pear — cherry
@TextmarkerQuiz
</div>

Example: Chemistry Text Analysis

<!--
import: https://raw.githubusercontent.com/MINT-the-GAP/lia-marker/main/README.md
-->

# Oxidation and Reduction

Read the following text.
Highlight all **oxidizing agents** in orange and all **reducing agents** in blue.

<div class="markerquiz">
In the reaction between @markedblue(iron) and @markedorange(oxygen), the
@markblue(iron) is @markblue(oxidized) while @markorange(oxygen) acts as the
@markorange(oxidizing agent). In the reverse process,
@markblue(carbon monoxide) acts as the @markblue(reducing agent).
@TextmarkerQuiz
</div>

Try it live — click a color in the toolbar, then click words to highlight them, and check your answer:

Full Template Demo

Use Cases

Reading comprehension — Students highlight key claims, evidence, or specific grammatical categories directly in a passage.

Grammar exercises — Color-code parts of speech: red for nouns, blue for verbs, green for adjectives — quiz automatically checks correctness.

Scientific text analysis — Mark reactants vs. products, causes vs. effects, or primary vs. secondary sources.

Vocabulary building — Students highlight unknown words in yellow, known words in green, for a visual learning-gap analysis.

Technical Facts

Try It

Related Templates

• lia-kachel — drag-and-drop tile quizzes
• lia-orthography — text correction and spelling exercises
• TextAnalysis — readability metrics for written content
• DragAndDrop — order and multiple-choice drag-and-drop quizzes