Vue d'ensemble
Les Bricks de contenu servent à présenter des informations aux apprenants. Ils ne nécessitent pas d'interaction — ce sont les blocs de construction pour transmettre des connaissances.
Texte et typographie
Titre
Un titre ou un en-tête de section avec un style personnalisable. Prend en charge la mise en forme de texte enrichi (gras, italique, indice, exposant).
Texte
Un bloc de texte enrichi pour les paragraphes et le contenu formaté. Prend en charge la barre d'outils de mise en forme complète, y compris les listes, les liens, les couleurs et l'alignement.
Citation
Un bloc de citation stylisé avec attribution d'auteur optionnelle. Idéal pour mettre en avant des déclarations clés ou des avis d'experts.
Note
Un bloc d'information mis en avant avec différentes variantes (info, avertissement, astuce, important). Attire l'attention sur des informations clés.
Surbrillance
Un bloc de texte proéminent avec un arrière-plan et un style personnalisés pour mettre l'accent sur des concepts clés.
Média
Image
Une image autonome avec légende et texte alternatif optionnels. Prend en charge :
- Le téléversement de fichier (PNG, JPEG, WebP)
- La recherche d'images de banque
- La génération d'images par IA
- Le recadrage d'image
Image Texte
Une disposition côte à côte associant une image et du contenu en texte enrichi. La position de l'image (gauche ou droite) est configurable.
Vidéo
Un lecteur vidéo intégré. Prend en charge :
- Les URL YouTube et Vimeo
- Le téléversement direct de fichier vidéo
- La hauteur configurable
Audio
Un lecteur audio avec contrôles de lecture. Prend en charge :
- Le téléversement de fichier audio
- La génération de synthèse vocale par IA
Pièce jointe
Un lien de fichier téléchargeable. Téléversez des documents (PDF, Word, Excel, etc.) que les apprenants peuvent télécharger.
Code et technique
Code
Un bloc de code avec coloration syntaxique prenant en charge plusieurs langages de programmation. Les Bricks de code ne sont pas traduits lors de l'utilisation de la fonctionnalité de traduction, préservant votre code source intact.
Code intégré
Un élément interactif intégré. Trois modes :
- Téléverser un dossier — Téléversez un dossier HTML (doit contenir
index.html) - URL — Intégrez une URL externe via iframe
- IA — Générez du contenu HTML interactif avec l'IA (portée organisation uniquement)
Mise en page
Séparateur
Un séparateur visuel entre les sections de contenu. Prend en charge des formes et styles personnalisés.
Liste
Une liste structurée avec des éléments ordonnés ou non ordonnés.
Graphique
Brick de visualisation de données prenant en charge plusieurs types de graphiques :
- Graphique en barres
- Graphique en courbes
- Graphique circulaire
- Et plus encore