Vous pouvez insérer ou imbriquer des ressources multimédia dans votre cours directement à l’aide de l'éditeur de texte TinyMCE. Il s’agit de l’interface d'édition par défaut pour la plupart des boîtes de texte éditables.
Préalable : assurez-vous qu'Atto est bien sélectionné comme éditeur de texte dans les options de votre profil: https://soutien-studium.refined.site/space/BDCP/1478262789
Table des matières
Fonctions de base de l'éditeur
Boutons de fonctions TinyMCE
Ligne 1
|
|
|
|
|
| 7. Ajouter des images |
|
|
|
|
|
|
|
Ligne 2 La 2e rangée d’outils s’ouvre en cliquant sur les trois points … dans le coin supérieur gauche de l’interface.
|
|
|
|
|
|
|
|
|
|
Raccourcis clavier pour l'édition de texte
Commande Windows | Command Mac | Fonction |
|---|---|---|
Ctrl + c | ⌘ + c | Copier |
Ctrl + v | ⌘ + v | Coller |
Ctrl + Shift + v | ⌘ + Shift + v | Coller sans formatage |
Ctrl + x | ⌘ + x | Couper |
Ctrl + z | ⌘ + z | Annuler |
Ctrl + y | ⌘ + y | Répéter |
Ctrl + a | ⌘ + a | Sélectionner tout |
Double-clic | Double-clic | Sélectionner un mot |
Triple-clic | Triple-clic | Sélectionner une ligne |
Ctrl + f | ⌘ + f | Chercher sur la page |
F3 | F3 | Chercher le suivant |
Shift + F3 | Shift + F3 | Chercher le précédent |
Ctrl + b | ⌘ + b | Gras |
Ctrl + i | ⌘ + i | Italique |
Ctrl + u | ⌘ + u | Souligné |
Ctrl + k | ⌘ + k | Insérer/éditer un lien |
Ctrl + Right arrow | ⌘ + Right arrow | Déplacer le curseur à la fin du prochain mot |
Ctrl + Left arrow | ⌘ + Left arrow | Déplacer le curseur à la fin du mot précédent |
Ctrl + Shift + Right arrow | ⌘ + Shift + Right arrow | Sélectionner le prochain mot |
Ctrl + Shift + Left arrow | ⌘ + Shift + Left arrow | Sélectionner le mot précédent |
Ctrl + Shift + Home | ⌘ + Shift + Home | Sélectionner du curseur au haut de la page |
Ctrl + Shift + End | ⌘ + Shift + End | Sélectionner du curseur au bas de la page |
Ctrl + Home | ⌘ + Home | Déplacer le curseur au début de la page |
Ctrl + End | ⌘ + End | Déplacer le curseur à la fin de la page |
Ctrl + Backspace | ⌘ + Backspace | Supprimer le mot à gauche |
Ctrl + Delete | ⌘ + Delete | Supprimer le mot à droite |
Ctrl and + | ⌘ and + | Augmenter le zoom de la page |
Ctrl and - | ⌘ and - | Diminuer le zoom de la page |
Ctrl and 0 | ⌘ and 0 | Rétablir le zoom |
Sauvegardes automatiques
L'éditeur TinyMCE sauvegarde automatiquement vos modifications, si vous quittez accidentellement la page, votre texte sera préservé.
L’intégration multimédia avec Tiny
Insérer / Modifier une image
La manière la plus simple d'insérer une image est via le glisser-déposer. En alternative, vous pouvez utiliser l'outil d'insertion d'image, qui vous offre davantage de contrôle sur certaines propriétés de l'image :
URL : L'adresse (interne ou externe) de l'image. Vous pouvez soit saisir manuellement une URL, soit sélectionner une image depuis le navigateur de référentiel, ce qui ajoute automatiquement l'URL.
Description : À moins que l'image ne soit étiquetée comme décorative uniquement, une description doit être fournie pour les utilisateurs de lecteurs d'écran.
Taille : Initialement, la largeur et la hauteur de l'image sont définies. Elles peuvent être ajustées pour s'adapter à votre texte. Lorsque la case de sélection de la taille automatique reste cochée, le rapport largeur-hauteur de l'image reste intact.
Alignement : Les options sont Haut, Milieu et Bas.
Pour modifier les propriétés d'une image une fois qu'elle a été ajoutée à votre texte, sélectionnez l'image et appuyez sur le bouton Image dans la mini-barre d'outils qui s'affiche.
Insérer / Modifier un lien
Lors de l'insertion ou de la modification d'un lien vers une autre page (interne ou externe), vous pouvez fournir les paramètres suivants :
Texte à afficher : Le texte qui est affiché dans le texte, représenté comme un lien.
URL : L'adresse de la page vers laquelle naviguer.
Parcourir les dépôts : Téléchargez un fichier pour établir un lien.
Ouvrir le lien dans... : La page peut être ouverte soit dans la fenêtre actuelle, soit dans une nouvelle fenêtre.
Enregistrer l'audio et la vidéo
TinyMCE permet aux utilisateurs d'enregistrer des clips audio et vidéo qui seront attachés au texte une fois enregistrés. Chaque enregistrement comprend trois étapes :
Commencer l'enregistrement : lorsque vous êtes prêt, appuyez sur le bouton Commencer l'enregistrement.
Arrêter l'enregistrement : une fois terminé, appuyez sur le bouton Arrêter l'enregistrement.
Revoir l'enregistrement : vous pouvez écouter ou regarder l'enregistrement via les commandes fournies. Attachez le clip à votre texte ou enregistrez-le à nouveau.
Insérer des éléments HTML
Les 4 éléments HTML suivants sont pris en charge par TinyMCE via les menus :
Insérer une ligne horizontale : Ajoute une ligne HTML à votre texte.
Insérer un saut de page : Ajoute un saut de page (<p>) à votre texte.
Insérer un espace insécable : Ajoute un espace insécable ( ) à l'emplacement actuel du curseur.
Insérer une ancre : Insère des ancres (parfois appelées signets) dans votre texte. Les utilisateurs seront invités via une boîte de dialogue à entrer une chaîne. La chaîne sera insérée dans le HTML en tant qu'identifiant d'ancre à l'emplacement du curseur. Par exemple, un utilisateur place son curseur au début de "StudiUM", clique sur le bouton d'ancre et entre "start" dans la boîte de dialogue. Le HTML résultant prendra la forme de <p><a id="start"></a>StudiUM</p>.
Pour des ressources, tutoriels et exemples d'édition de code HTML, on vous invite à consulter la ressource W3School (en anglais).
Insérer / Configurer le contenu H5P
Vous pouvez intégrer du contenu H5P via le menu "Configurer le contenu H5P" comme suit :
Parcourez les dépôts et sélectionnez Banque de contenus, puis sélectionnez un fichier H5P.
Choisissez de créer une copie du fichier ou de créer un raccourci.
En option, configurez les options H5P (Autoriser le téléchargement, Bouton d'intégration, Bouton de droits d'auteur).
Cliquez sur le bouton Sélectionner ce fichier.
Cliquez sur Insérer H5P.
Ces étapes entreront automatiquement l'adresse interne dans le champ URL H5P. En alternative, vous pouvez saisir manuellement n'importe quelle URL H5P interne ou externe.
Remarque : Si vous créez un raccourci vers le fichier, vous pouvez le modifier dans le la Banque de contenus, et toutes les activités liées au fichier seront mises à jour.
Outils Tiny
Les outils suivants sont disponibles dans le menu Outils :
Code source
La fenêtre contextuelle du code source affiche le code de la page, généralement en HTML ou JS. Le code peut être modifié en texte brut ; une fois la fenêtre fermée, les modifications seront reflétées en mode WYSIWYG.
Intégrer des vidéos ou éléments interactifs provenant d’autres sites à l’aide de <iFrame>
Pour intégrer une vidéo avec la plupart des sites de partage de vidéos ou d'éléments interactifs, vous devrez utiliser une intégration iFrame.
Vous devrez copier le lien d’intégration iFrame fourni par votre plateforme d’hébergement, ensuite vous devrez le coller dans le code HTML de votre zone de texte en sélectionnant le menu Code source représentant une balise “<>”.
Nombre de mots
La fenêtre contextuelle des mots affiche le nombre de mots et le nombre de caractères (avec et sans espaces) du document entier et du texte sélectionné, respectivement.
Le nombre de mots est également indiqué dans le pied de l'éditeur.
Vérificateur d'accessibilité
Le vérificateur d'accessibilité automatisé recherche certaines erreurs courantes dans le texte. Il s'agit généralement d'éléments dans la construction du texte qui peuvent empêcher tous les utilisateurs d'avoir un accès égal à l'information et à la fonctionnalité. La liste des problèmes que le vérificateur d'accessibilité recherche comprend :
Images sans texte alternatif ou avec un texte alternatif vide (à moins qu'elles aient le rôle de présentation)
Contraste entre la couleur de la police et la couleur de fond conforme aux directives WCAG AA
Les longs blocs de texte sont suffisamment fragmentés en titres
Toutes les tables doivent avoir des légendes
Les tables ne doivent pas contenir de cellules fusionnées, car elles sont difficiles à naviguer avec les lecteurs d'écran
Toutes les tables doivent contenir des en-têtes de ligne ou de colonne
Gestionnaire de médias
Le gestionnaire de médias affiche tous les fichiers multimédias qui ont été intégrés dans le texte.
La partie supérieure du gestionnaire de médias montre l'élément familier de gestion de fichiers où vous pouvez ajouter, télécharger et supprimer des fichiers joints.
Les fichiers qui ont été attachés et supprimés sont affichés dans la moitié inférieure de l'écran.
