Comment téléverser et intégrer une image dans l'Éditeur de contenu enrichi ?

Vous pouvez intégrer des images dans l'Éditeur de contenu enrichi. Les fichiers d'images peuvent être téléversés depuis votre ordinateur, sélectionnés à partir de Unsplash ou ajoutés à l'aide d'une URL. Vous pouvez également intégrer des images de votre cours et des fichiers d'utilisateurs.

L'Éditeur de contenu enrichi est compatible avec plusieurs fonctionnalités de Canvas, telles que Annonces, Travaux, Discussions, Pages et Quiz.

Remarque : Vous pouvez intégrer une variété de types de fichiers image. Découvrez les types de fichiers image que vous pouvez intégrer.

00:07: How do I upload an embedded image in the rich content editor as a student? 00:12: Open the rich content editor when using one of the canvas features, which support the editor. 00:18: You can upload and embed an image by dragging and dropping from a web browser or 00:22: a file saved to your computer. If you drag and drop an image 00:26: from a web browser The Source URL for the image populates in the file 00:30: URL field in the image options. 00:34: You can upload and embed an image by copying and pasting it. 00:38: To copy an image to your clipboard right? Click the image and select copy. 00:43: You can paste it by right clicking into the Rich Text Editor and selecting paste or 00:47: using the keyboard shortcut Ctrl + V on a PC or command + V 00:51: on a Mac. 00:53: To upload an image from the toolbar click the image icon. 00:57: From the drop-down menu select the upload image option. 01:01: Alternatively, you can embed images from the menu bar. 01:04: Click the insert link navigate to view the image options, then 01:08: select the upload image option. 01:12: By default the image upload tool displays the computer tab click 01:16: or drag and drop an image file to the image uploader to upload a file from your 01:20: computer. 01:22: After uploading your file the uploader displays the image file name and 01:26: an image preview. To remove the image. 01:28: Click the delete icon. 01:31: To upload an image using a URL click the URL tab Enter 01:36: the URL in the file URL field 01:40: To add alt text to your image type an alternative text description or 01:44: text tags in the alt text field. 01:47: By default the alt text field displays the image file name. 01:51: Alt text is read by screen readers and it displays when an embedded image 01:55: cannot display. If the image is decorative and does not require, alt 01:59: text click the decorative image check box. 02:03: By default the embed image display option is selected for embedded 02:07: images. To display the image file link select the display 02:11: text link display option 4 the file link will 02:15: replace the image in the rich content editor. 02:19: To embed your selected image. Click the submit button. 02:23: View your uploaded image in the rich content editor. 02:25: You can also add alt text tags and manage the image display options. 02:31: To manage image options from an embedded image file. 02:33: Click the image then click the image options link. 02:37: You can manage display options for embedded images in the image options menu. 02:42: You can manage the image, alt text the image size and other display 02:46: options. To replace or update an image added via URL 02:51: enter an updated image URL in the file URL field. 02:55: Click the done button. 02:58: View the content created in the rich content editor. 03:02: This guide covered how to upload an embed an image in the rich content editor as 03:06: a student.

Ouvrir l'Éditeur de contenu enrichi

Ouvrez l'Éditeur de contenu enrichi lorsque vous utilisez l'une des fonctionnalités Canvas compatibles avec l'éditeur.

Remarque : L'Éditeur de contenu enrichi prend en charge les raccourcis clavier. Pour afficher une fenêtre avec une liste de raccourcis clavier pour la navigation, cliquez sur l'icône Clavier (Keyboard) ou appuyez simultanément sur Alt+F8 (PC) ou Option+F8 (Mac) sur votre clavier.

Téléverser une image par glisser-déposer

Téléverser une image par glisser-déposer

Vous pouvez téléverser et intégrer une image par glisser-déposer à partir d'un navigateur Web ou d'un fichier enregistré sur votre ordinateur. Si vous glissez-déposez une image à partir d'un navigateur Web, l'URL source de l'image s'affiche dans le champ URL du fichier dans les options d'image.

Remarque : Vous pouvez téléverser et intégrer des images multiples par glisser-déposer à partir d'un navigateur Web ou d'un fichier enregistré sur votre ordinateur.

Téléverser une image par copier-coller

Téléverser une image par copier-coller

Vous pouvez téléverser et intégrer une image en la copiant et en la collant. Pour copier une image dans votre presse-papiers, cliquez à droite sur l'image et sélectionnez Copier.  Vous pouvez le coller en cliquant à droite dans l'éditeur de texte enrichi et en sélectionnant Coller ou en utilisant le raccourci clavier Ctrl+V sur un PC ou Commande+V sur un Mac.

Téléverser des images depuis la barre d'outils

Téléverser des images depuis la barre d'outils

Pour téléverser une image à partir de la barre d'outils, cliquez sur l'icône Image [1]. Dans le menu déroulant, sélectionnez l'option Téléverser l'image (Upload Image) [2].

Remarque : Pour afficher l'icône Image, vous devez peut-être cliquer sur l'icône Options [3].

Téléverser des images depuis la barre de menus

Téléverser des images depuis la barre de menus

Vous avez également la possibilité d'intégrer des images à l'aide de la barre de menus. Cliquez sur Insérer (Insert) [1]. Accédez aux options Image pour les afficher [2], puis sélectionnez l'option Téléverser une image (Upload Image) [3].

Téléverser une image à partir d'un ordinateur

Par défaut, l'outil de téléversement d'images affiche l'onglet Ordinateur (Computer) [1]. Cliquez ou glissez-déposez un fichier image vers l'outil de téléversement d'images pour téléverser un fichier depuis votre ordinateur [2].

Remarque : Les images téléversées depuis votre ordinateur à l'aide de l'outil de téléversement d'image au sein d'un groupe sont ajoutées à vos fichiers de groupe.

Sélectionner le fichier

Sélectionner le fichier

Sélectionnez le fichier image [1] et cliquez sur le bouton Ouvrir (Open) [2].

En savoir plus sur les types de fichiers image pris en charge.

Afficher le fichier sélectionné

Le logiciel de téléversement affiche le nom du fichier d'image [1] et une prévisualisation de l'image [2]. Pour supprimer l'image, cliquez sur l'icône Supprimer [3].

Téléverser une image à partir d'une URL

Pour téléverser une image à l'aide d'une URL, cliquez sur l'onglet URL [1].

Saisissez l'URL dans le champ URL du fichier (File URL) [2].

Gérer les droits d'utilisation

Gérer les droits d'utilisation

Si votre cours l'exige, vous devrez sélectionner les paramètres de droit d'utilisation de votre image.

Dans le menu déroulant Droit d'utilisation (Usage Right) [1], sélectionnez l'une des cinq options relatives au droit d'utilisation :

  • Je détiens le droit d'auteur : contenu original créé par vous
  • J'ai obtenu l'autorisation d'utiliser ce fichier : autorisation accordée par l'auteur
  • Le matériel est dans le domaine public : il est explicitement attribué au domaine public, ne peut être protégé par le droit d'auteur ou n'est plus protégé par le droit d'auteur
  • Le matériel est soumis à une exception – par exemple, l'utilisation équitable, le droit de citation, ou d'autres exceptions en vertu des lois sur le droit d'auteur applicables : extrait ou résumé utilisé pour un commentaire, un reportage, une recherche ou une analyse dans le domaine de l'éducation
  • Le matériel est sous une licence Creative Commons ; cette option nécessite également que soit définie une licence Creative Commons spécifique

Si vous les connaissez, saisissez les informations relatives au détenteur du droit d'auteur dans le champ Détenteur du droit d'auteur (Copyright Holder) [2].

Gérer les attributs de l'image

Pour ajouter du texte de remplacement à votre image, saisissez une description de texte de remplacement ou des étiquettes de texte dans le champ Texte de remplacement (Alt Text) [1]. Par défaut, le champ Texte de remplacement affiche le nom du fichier image. Le texte de remplacement est lu par les lecteurs d'écran, et il s'affiche lorsqu'une image incorporée ne peut pas s'afficher.

S'il s'agit d'une image décorative qui ne nécessite pas de texte de remplacement, cochez la case Image décorative (Decorative Image) [2].

Par défaut, l'option d'affichage Image intégrée (Embed Image) est sélectionnée pour les images intégrées [3].

Pour afficher le lien du fichier image, sélectionnez l'option Afficher le lien du texte (Display Text Link) [4]. Dans l'Éditeur de contenu enrichi, l'image est remplacée par le lien du fichier de l'image.

Téléversement d'une image intégrée

Soumettre un téléversement

Pour intégrer l'image que vous avez sélectionnée, cliquez sur le bouton Soumettre (Submit).

Remarque : Avant de s'intégrer dans l'Éditeur de contenu enrichi, l'image clignote.

Afficher l'image intégrée

Afficher une image

Affichez l'image téléversée dans l'Éditeur de contenu enrichi. Vous pouvez également ajouter des étiquettes de texte de remplacement et gérer les options d'affichage des images.

Mettre à jour les options d'image

Pour gérer les options d'image depuis un fichier d'image intégrée, cliquez sur l'image [1], puis cliquez sur le lien Options d'image (Image Options) [2].

Vous pouvez gérer les options d'affichage des images intégrées dans le menu Options d'image (Image Options) [3]. Vous pouvez gérer le texte de remplacement de l'image, la taille de l'image et d'autres options d'affichage.

Pour remplacer ou mettre à jour une image ajoutée via une URL, saisissez une URL d'image mise à jour dans le champ URL du fichier (File URL) [4].

Cliquez sur le bouton Terminé (Done) [5].

Enregistrer les modifications

Enregistrer les modifications

Cliquez sur le bouton Enregistrer (Save).

Remarque : Lorsque vous utilisez l'Éditeur de contenu enrichi dans la page Discussions, le bouton Enregistrer (Save) peut apparaître comme le bouton Publier une réponse (Post Reply) ou Répondre (Reply).

Afficher un contenu

Afficher un contenu

Affichez le contenu créé dans l'Éditeur de contenu enrichi.