Formation e-learningAide MoodleAnnexesL'éditeur de texte de Moodle

L'éditeur de texte de Moodle

Ce pas-à-pas présente les principales fonctionnalités de l'éditeur de texte de Moodle. La plupart des champs de texte que l'on rencontre dans la plateforme lorsque l'on édite des ressources ou activités (étiquettes, messages des forums, etc.) peuvent être remplis et modifiés à l’aide de cet éditeur de texte WYSIWYG (What You See Is What You Get).

Un éditeur WYSIWYG possède une interface qui permet à l'utilisateur de visualiser directement sur l'écran la forme finale que prendra son texte.

1. L'éditeur de texte de Moodle

La manière habituelle de modifier ou de créer un texte qui fait partie du contenu visuel d'un cours est d'utiliser l'éditeur de texte.

Par exemple, lors de la création ou de la modification d'une ressource étiquette, le champ Contenu de l'étiquette doit être complété par un texte mis en forme grâce à l'éditeur de texte. Ce dernier est repérable à sa barre de fonctionnalités de formatage de texte.

L'affichage par défaut propose des fonctionnalités de base qui sont directement accessibles.

L'éditeur de texte de Moodle

2. Styles de paragraphe

Le bouton "Styles de paragraphe" propose 5 styles afin de présenter son texte. Pour les exploiter :

  1. Sélectionner le texte à formater
  2. puis cliquer sur le bouton "Styles de paragraphe".
  3. Cliquer sur le style désiré.
Styles de paragraphe

3. Mise en valeur graphique du texte

Grâce à l'éditeur WYSIWYG, on peut accentuer le texte. L'accentuation est le moyen de souligner visuellement un ou plusieurs mots, ou des passages entiers d'un texte (italique, majuscules, gras, espacement, taille des caractères, police de caractère, couleur...).

Pour cela, sélectionner le texte à accentuer puis choisir l'option désirée :

  1. Composer du texte en gras.
  2. Composer du texte en italique.
  3. Changer la couleur du texte.
Mise en valeur graphique du texte

4. Listes à puces et listes numérotées

Pour créer une liste, sélectionner le texte que l'on souhaite convertir en liste ou placer le curseur dans le champ de texte à l'endroit où l'on souhaite insérer une liste.

Listes à puces et listes numérotées

Puis choisir le type de liste désirée :

  1. liste à puces (non numérotée)
  2. ou liste numérotée.

5. Hyperlien

Pour créer un hyperlien :

  1. sélectionner le texte source
  2. cliquer sur le bouton "Lien".
Hyperlien
  1. Dans la fenêtre surgissante, saisir ou coller l'URL de la page Web de destination. Il est également possible de parcourir les dépôts pour faire pointer le lien vers un document déposé dans ses fichiers Moodle.
  2. Cocher la case "Ouvrir dans une nouvelle fenêtre" pour que la page Web de destination s'ouvre dans une autre fenêtre du navigateur.
  3. Cliquer sur "Créer lien" pour valider l'URL de destination.

Pour supprimer un hyperlien contenu dans un texte, il suffit de :

  1. sélectionner le texte source
  2. cliquer sur le bouton "Supprimer le lien".

6. Ressource de type fichier, image ou vidéo

La démarche est similaire pour ajouter un fichier, une image ou une vidéo.

Pour insérer un fichier, une image ou une vidéo, il faut commencer par déposer celle-ci sur la plateforme. Pour cela, cliquer sur le bouton de Gestion des fichiers.

Ressource de type fichier, image ou vidéo

Puis, dans la fenêtre surgissante, glisser-déposer le ou les fichiers depuis son ordinateur dans la zone prévue pour cela.

Les fichiers apparaissent dans le Gestionnaire de fichiers et sont maintenant déposés sur Moodle.

Fermer la fenêtre.

Pour insérer une image ou une vidéo, la démarche est similaire.

Pour insérer une image à l'endroit du curseur, cliquer sur le bouton "Image".

a.  Depuis le sélecteur de fichiers

Il est possible de choisir une image depuis le Sélecteur de fichiers. Pour cela, cliquer sur "Parcourir les dépôts" dans la fenêtre

a.  Depuis le sélecteur de fichiers
  1. Choisir l'emplacement de stockage du fichier dans la liste de dépôt.
  2. Cliquer sur le fichier choisi.

Modifier si besoin les données de l'image sélectionnée : son nom, son auteur et sa licence.

Cliquer sur "Sélectionner ce fichier".

Compléter les propriétés de l'image sélectionnée (1, 2 et 3).

Cliquer sur Enregistrer l'image.

L'image apparaît maintenant dans le texte formaté.

b.  Avec une URL

Il est aussi possible d'insérer une image grâce à son URL. Pour cela, repérer sur Internet une image à utiliser dans son cours. Copier l'adresse de l'image (clic droit ou cmd+c sur l'adresse sélectionnée).

b.  Avec une URL
  1. Saisir ou coller l'URL de l'image choisie.
  2. Compléter la description de l'image afin que les personnes malvoyantes puissent la lire.
  3. Modifier la taille de l'image si besoin (l'aperçu en bas de fenêtre rend compte de la taille finale). Cocher la case "Dimensionnement automatique" pour que les dimensions restent proportionnelles.
  4. Choisir le type d'alignement de l'image par rapport au texte.
  5. Enregistrer l'image.

Pour insérer un fichier dans l'éditeur WYSIWYG :

  1. Sélectionner le texte-source du lien.
  2. Cliquer sur le bouton Lien.

Dans la fenêtre surgissante :

  1. Cliquer sur Parcourir les dépôts.
  2. Cocher la case si l'hyperlien ouvre le fichier dans une nouvelle fenêtre.

Dans la fenêtre du sélecteur de fichiers, choisir le fichier déposé précédemment.

Dans la nouvelle fenêtre, vérifier les informations (1, 2 et 3) du fichier puis cliquer sur Sélectionner ce fichier.

Dans l'éditeur de texte, le texte apparaît maintenant en bleu.

7. Accéder à toutes les fonctionnalités de l'éditeur de texte

Cliquer sur le bouton "Afficher plus de boutons" afin d'avoir accès à toutes les fonctionnalités de formatage de texte.

Accéder à toutes les fonctionnalités de l'éditeur de texte

8. Fonctionnalités avancées de mise en valeur graphique du texte

Il est également possible de souligner ou barrer du texte. Pour cela, sélectionner le texte à accentuer puis choisir l'option désirée :

  1. Souligner
  2. Barrer
  3. Indice
  4. Exposant
Fonctionnalités avancées de mise en valeur graphique du texte

9. Aligner la composition

Par défaut, le texte est aligné à gauche. On peut modifier cet alignement en choisissant l'une des 3 possibilités. Pour cela, sélectionner le texte à aligner puis cliquer sur l'un des boutons :

  1. Alignement à gauche.
  2. Centré.
  3. Alignement à droite.
Aligner la composition

10. Indenter et désindenter

  1. Indenter un paragraphe signifie le mettre en retrait (augmenter la marge) par rapport au reste du texte. Cela permet de mettre en valeur un passage important (comme une citation par exemple). Pour cela, placer le curseur au début du paragraphe à indenter puis cliquer autant de fois que nécessaire sur le bouton "Indenter" afin d'obtenir la mise en page désirée.
  2. Désindenter le texte permet de diminuer la marge du paragraphe par rapport au reste du texte. Procéder comme pour l'indentation.
Indenter et désindenter