Learn

L'Éditeur de Texte

Description

L'éditeur de texte peut être utilisé pour formater et éditer tout élément de texte (modifiable) sur le cadre. Il apparaît lorsque vous double-cliquez à l'intérieur d'un élément de texte modifiable. En plus d'éditer du texte, l'éditeur de texte peut être utilisé pour afficher des variables et pour insérer / combiner des images et des tableaux dans des éléments de texte. L'élément de texte le plus évident est l'objet de texte lui-même, mais de nombreux autres objets ont également des éléments de texte modifiables, soit en tant qu'en-tête optionnel, soit en tant qu'options de texte de réponse (par exemple, dans des cases à cocher et des éléments à choix multiple).

Chacun de ces éléments de texte peut être édité en cliquant dans le texte. Une petite bordure bleue montre les limites de l'élément de texte modifiable. Une fois que le curseur est dans le texte, une barre d'outils de texte apparaîtra au-dessus du cadre actuel. Ici, vous pouvez faire plusieurs choix de formatage de texte, mais aussi insérer des variables, des images, des tableaux, etc.

Bien qu'il soit possible de changer le contenu et le style du texte d'un élément modifiable d'un essai à l'autre, il n'est pas encore possible de changer dynamiquement le contenu ou les styles de texte pendant l'exécution de l'expérience en utilisant le système d'événements. Si vous souhaitez montrer différents textes ou différents styles (dans un objet / élément), la meilleure solution consiste à créer deux versions / deux objets, puis à les afficher et les masquer dynamiquement en fonction de votre logique personnalisée. texteditor

Options de Formatage de Texte

L'éditeur de texte a des options de formatage / d'édition similaires à la plupart des traitements de texte. Ces options sont listées ci-dessous (de gauche à droite dans l'éditeur de texte) :

  • Insérer une Variable : Insère / rend une valeur variable.
  • Souligner : Souligne le texte.
  • Indice : Fait apparaître le texte en dessous du texte normal.
  • Exposant : Fait apparaître le texte au-dessus du texte normal.
  • Supprimer le Format : Efface tout le formatage.
  • Lien : insère une URL qui peut être cliquable. Contient des paramètres avancés.
  • Vérification d'Orthographe : Effectue une vérification orthographique.
  • Liste Numérotée : Crée une liste numérotée.
  • Liste à Puces : Crée une liste à puces.
  • Alignement du Texte à Gauche : Aligne le texte à gauche.
  • Alignement du Texte au Centre : Centre le texte.
  • Alignement du Texte à Droite : Aligne le texte à droite.
  • Alignement du Texte en Bloc : Fait utiliser l'ensemble de la ligne au texte.
  • Insérer une Image : Insère une image.
  • Insérer un Tableau : Insère un tableau.
  • Insérer un Symbole : Insère un symbole / un caractère spécial.
  • Type de Police : Change le type de police. Peut également être utilisé pour rendre le texte gras et italique.
  • Taille de Police : Change la taille de la police.
  • Couleur de la Police : Change la couleur de la police.
  • Direction du Texte de Gauche à Droite : Spécifie que le texte doit être lu de gauche à droite. (par défaut)
  • Direction du Texte de Droite à Gauche : Spécifie que le texte doit être lu de droite à gauche. (la langue devra toujours être changée manuellement dans les Paramètres)
  • Source : Montre le code actuel de l'objet.

Affichage / Rendu des Variables

Pour afficher la valeur d'une variable, cliquez à l'intérieur d'un élément de texte et cliquez ensuite sur le premier icône (variable rouge) dans la barre d'outils de l'éditeur de texte. Le menu de sélection de variable s'ouvrira et vous pourrez sélectionner une variable que vous souhaitez afficher. Après avoir appuyé sur "ok", la variable sera insérée dans l'élément de texte et un espace réservé montrant soit le nom de la variable, soit sa valeur de départ sera placé dans le texte comme une poignée. Cela permet aux utilisateurs de combiner du texte statique avec des valeurs de variables dynamiques (par exemple, vous pouvez fournir des retours en faisant quelque chose comme ceci : "votre score est : 'variableX'"). La valeur d'une variable peut également être formatée (des changements de style peuvent être appliqués à une variable) lorsque la poignée est sélectionnée et que les changements respectifs sont réalisés. Il est généralement préférable d'appliquer d'abord tous les changements de style souhaités, puis d'insérer les variable(s). La valeur de la variable s'adaptera automatiquement au style environnant. Lors de l'exécution de l'expérience, les valeurs des variables seront mises à jour automatiquement. En d'autres termes, la valeur affichée sera toujours la valeur / état actuel de la variable.

Insertion d'Images et de Tableaux

Les utilisateurs peuvent également insérer des images et des tableaux dans des éléments de texte modifiables en cliquant sur les icônes respectives dans la barre d'outils de l'éditeur de texte. Lors de l'insertion d'une image, cliquez sur le bouton "Parcourir le Serveur" pour sélectionner une image de votre dépôt de fichiers Labvanced. Vous devez fournir la hauteur et la largeur de l'image en pixels, puis appuyer sur "ok". L'insertion d'images dans des éléments de texte modifiables peut être utile si vous souhaitez combiner la sélection d'images dans un élément à choix multiple, ou lorsque vous souhaitez combiner des images et du texte pour une sorte de description / explication.

Lorsque vous insérez un tableau dans un élément de texte modifiable, vous devez fournir la largeur totale, le nombre de lignes et le nombre de colonnes. Vous pouvez également spécifier quelques détails supplémentaires, tels que l'ajout d'une ligne d'en-tête ou la création d'une bordure autour du tableau. Chaque cellule du tableau peut ensuite être éditée séparément.