[Moodle|Guide] Insérer des extraits de code dans une zone de texte (atto)

[Moodle|Guide] Insérer des extraits de code dans une zone de texte (atto)

Objectif

Ce guide explique comment insérer des extraits de code dans une zone de texte Moodle (consigne de devoir, question de test, forum, page…).


Instructions

Les extraits de code insérés dans une zone de texte atto sont reconnus et interprétés. Grâce à l’outil https://highlightjs.org/ (par le biais du plugin Syntax Highlighter), la coloration syntaxique est active sur notre instance de Moodle. De nombreux langages sont reconnus : https://highlightjs.readthedocs.io/en/latest/supported-languages.html.

Usage

  • Depuis l'éditeur atto, déplier la barre d’outils avancée. Cliquez sur le bouton “html” (</>).

  • À l’endroit où vous souhaitez insérer du code, ouvrez les balises suivantes : <pre><code>

  • Insérez votre code

  • Fermez les balises : </code></pre>

  • Si le langage n’est pas automatiquement reconnu, vous pouvez le forcer en le spécifiant dans la balise <code>. Par exemple : <code class=”php”>


Résultat

Vous êtes capable d’insérer du code dans une zone de texte atto, avec la bonne coloration syntaxique.


Ressources complémentaires