Content-bricks

Overzicht

Content-bricks worden gebruikt om informatie aan lerenden te presenteren. Ze vereisen geen interactie — het zijn de bouwstenen voor het overbrengen van kennis.

Tekst & typografie

Kop

Een titel of sectiekop met aanpasbare opmaak. Ondersteunt rich text-opmaak (vet, cursief, subscript, superscript).

Tekst

Een rich text-blok voor alinea's en opgemaakte content. Ondersteunt de volledige opmaakbalk, inclusief lijsten, links, kleuren en uitlijning.

Citaat

Een gestileerd citaatblok met optionele bronvermelding. Ideaal om belangrijke uitspraken of expertmeningen te benadrukken.

Notitie

Een uitgelicht informatieblok met verschillende varianten (info, waarschuwing, tip, belangrijk). Vestigt de aandacht op belangrijke informatie.

Highlight

Een opvallend tekstblok met aangepaste achtergrond en opmaak om belangrijke concepten te benadrukken.

Media

Afbeelding

Een op zichzelf staande afbeelding met optioneel bijschrift en alt-tekst. Ondersteunt:

  • Bestand uploaden (PNG, JPEG, WebP)
  • Zoeken in stockafbeeldingen
  • AI-afbeeldingsgeneratie
  • Afbeelding bijsnijden

Afbeelding met tekst

Een lay-out naast elkaar die een afbeelding combineert met rich text-content. De positie van de afbeelding (links of rechts) is instelbaar.

Video

Een ingesloten videospeler. Ondersteunt:

  • YouTube- en Vimeo-URL's
  • Direct uploaden van videobestanden
  • Instelbare hoogte

Audio

Een audiospeler met afspeelbediening. Ondersteunt:

  • Audiobestand uploaden
  • AI-tekst-naar-spraakgeneratie

Bijlage

Een downloadbare bestandslink. Upload documenten (PDF, Word, Excel, enz.) die lerenden kunnen downloaden.

Code & technisch

Code

Een codeblok met syntax highlighting dat meerdere programmeertalen ondersteunt. Code-bricks worden niet vertaald wanneer de vertaalfunctie wordt gebruikt, zodat je broncode intact blijft.

Ingesloten code

Een ingesloten interactief element. Drie modi:

  • Map uploaden — Upload een HTML-map (moet een index.html bevatten)
  • URL — Sluit een externe URL in via iframe
  • AI — Genereer interactieve HTML-content met AI (alleen op organisatieniveau)

Lay-out

Scheidingslijn

Een visuele scheiding tussen contentsecties. Ondersteunt aangepaste vormen en stijlen.

Lijst

Een gestructureerde lijst met geordende of ongeordende items.

Grafiek

Brick voor datavisualisatie met ondersteuning voor meerdere grafiektypen:

  • Staafdiagram
  • Lijndiagram
  • Cirkeldiagram
  • En meer
Content-bricks