Table des matières

Fonctions de base de l'éditeur

Boutons de fonctions TinyMCE

Ligne 1

Open

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.

Open

Raccourcis clavier pour l'édition de texte

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 :

1. Commencer l'enregistrement : lorsque vous êtes prêt, appuyez sur le bouton Commencer l'enregistrement.

2. Arrêter l'enregistrement : une fois terminé, appuyez sur le bouton Arrêter l'enregistrement.

3. 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 (&nbsp;) à 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 :

1. Parcourez les dépôts et sélectionnez Banque de contenus, puis sélectionnez un fichier H5P.

2. Choisissez de créer une copie du fichier ou de créer un raccourci.

3. En option, configurez les options H5P (Autoriser le téléchargement, Bouton d'intégration, Bouton de droits d'auteur).

4. Cliquez sur le bouton Sélectionner ce fichier.

5. 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.