Construire mon scénario pédagogique : Intégrer du code informatique avec coloration syntaxique
Depuis la rentrée 2019, nous avons intégrer le colorateur syntaxique higlight.js à Moodle via le plugin Syntax Highlighter.
Cet outil supporte une liste très longue de types de langages dont nous citons quelques exemples : c, c++, css, excel, html, js, json, matlab, perl, php, python,
ruby, sh, tex, ...
Où peut-on exploiter la coloration syntaxique ?^
Cet outil est actif partout dans Moodle où vous disposez de l'éditeur de texte par défaut :
Etiquette sur la page d'accueil d'un cours,
Page de contenu, question et réponse dans un
Test,
Forum de discussion, ...
Comment appliquer la coloration syntaxique à un bout de code ?^
Il suffit d'accéder au code source du texte édité, via le bouton
de l'éditeur puis de coller le code et de l'encadrer par les balises <pre><code>... </code></pre>.
Notez qu'il est possible de spécifier une classe qui définit plus précisément le langage, par exemple de cette manière pour du code php : <pre><code class="php"> ... </code> </pre>.
Finalisé