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 : icone d'étiquetteEtiquette sur la page d'accueil d'un cours, icone de pagePage de contenu, question et réponse dans un icone de testTest, icone de forumForum 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 bouton code Attode l'éditeur puis de coller le code et de l'encadrer par les balises <pre><code>... </code></pre>.

intégrer du code informatiquerendu code informatique

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é