Vous pouvez changer l’apparence et la mise en page du texte en utilisant l’outil de traitement de texte nommé Éditeur de texte. Cet éditeur contient des icônes pour modifier et mettre en page le texte et/ou les images à insérer.

Voici à quoi ressemble l’éditeur de texte :

Format de texte

Au niveau de l'éditeur de texte, assurez-vous que le format de texte est au format "Éditeurs". Ce format vous permet d'accéder à toutes les icônes et aux différentes fonctionnalités.
Dans le cas où le format de texte par défaut est "Plain texte", Il est probable que certaines icônes n'apparaissent pas.

Paragraphe et Titre

Paragraphe est l'option par défaut pour du texte régulier. Les niveaux de titre donneront un style différent à votre texte.

Annuler et restaurer

Permet d'annuler ou de restaurer une action

Alignement du texte

Permet d'aligner le texte à gauche, droite, centré ou justifié

Liste à puce et numérotée

Permet de créer une liste à puce ou numérotée. La liste numérotée est auto-incrémentée. 

Indenter

Permet d'indenter une liste à puce ou à numéro déjà existante

Pour ajouter une indentation à des éléments dans la liste.

Pour retirer l'indentation d'un niveau vers la gauche, cliquer le symbole.

Créer un lien

Lien interne au site de l'UQO

Lors de l'ajout d'un lien interne, il est fortement recommandé d'utiliser un lien relatif. 

Vous trouverez ci-dessous quelques exemples pour bien comprendre la différence entre les liens absolus et les liens relatifs.

Exemple d'un lien absolu :

https://www.uqo.ca/liens-absolus-et-relatifs

Un lien absolu est un lien qui donne l'adresse (l'URL) complète vers un site ou un fichier. Un lien absolu est indispensable si l'on souhaite par exemple créer un lien dans un email vers un fichier hébergé sur un site.

Exemple d'un lien relatif :

../liens-absolus-et-relatifs

Un lien relatif est un lien qui donne l'adresse (l'URL) partielle d'une page ou d'un fichier à partir du site sur lequel se trouve le lien.
Très utiles pour les liens internes d'un site, qui est recommandé. De cette façon, cela permet de changer de nom de domaine ou de protocole http vers https tout en évitant de refaire tous les liens.

Tapez votre texte et soulignez le texte qui servira de lien.

Cliquer sur le crochet vert pour confirmer l'ajout. Une fois terminé, le texte sera souligné et de couleur bleu.

Lien externe au site de l'UQO

Un lien externe est un lien qui fait référence à un site autre que uqo.ca. Il ne peut pas être relatif.

Pour offrir une bonne expérience utilisateur, il est important  d'ouvrir ces liens externes dans une nouvelle fenêtre.

Souligner le texte qui servira de lien et cliquer sur l'icône

Entrer l'URL externe dans le champ URL du lien.

Cliquer l'onglet Avancé

Cliquer l'option Ouvrir dans une nouvelle fenêtre.

Pour appliquer les modifications, cliquer le crochet vert

Comme confirmation du fonctionnement, le texte qui servira de lien sera maintenant en bleu et souligné.

Lien sous forme d'un bouton

Pour configurer votre lien de bouton, référez vous aux deux étapes précédentes dépendamment si votre lien est interne au site de l'UQO ou externe.

Dans les cases à cocher, vous pouvez choisir la couleur du bouton ainsi que sa taille. La taille du bouton est à moyenne par défaut même si elle n'est pas cochée. Seulement une couleur doit être sélectionnée pour ne pas causer d'erreur.

Il est normal de ne pas voir le bouton affiché dans l'éditeur de texte. Il sera visible à l'utilisateur sur la page pendant la consultation.

Il est possible de désactiver le clic d'un bouton avec la case Désactiver un bouton

Pour appliquer les modifications, cliquer le crochet vert

Lien interne dans la même page (Ancrage)

Quand votre page commence à avoir beaucoup de contenu et que vous voulez faire un lien vers une section de votre page, il est possible d'utiliser des ancrages.

Cette option est pour les éditeurs plus avancés. Il est nécessaire d'aller ajouter du code directement dans le code HTML de la page via Source. 

Vous devrez trouver un nom significatif pour votre encrage en lien avec la référence. Pour cette exemple, nous prendrons le lien Source au dessus de ce texte qui dirigera vers la description Source en bas de la page.

Le texte devra avoir un # sans espace avec le nom significatif que vous avez choisi en lien avec la référence. Dans notre cas, nous utiliserons source. 

Souligner le texte et tout comme pour faire un lien, écrivez #(monAncre).

Cliquer le crochet vert pour enregistrer la modification

Maintenant que notre direction est fait, nous devons aller configurer notre destination.

Cliquer le logo Source 

Repérer les balises qui entourent le point où vous voulez diriger l'utilisateur.

Des balises HTML sont les <typeX>mon contenu/texte</typeX> qui entourent le contenu.

Vous devez ajouter un id à la balise qui entoure le contenu que vous voulez avoir comme destination.

L'ajout se fait dans la balise ouvrante sous le format id="monAncre" sans le #.

Vous aurez maintenant <typeX id="monAncre">mon contenu/texte</typeX>

Recliquer sur l'icone Source 

Votre ancrage a été effectué. Une fois votre page enregistrer vous pourrez tester votre encrage dans la page. Il n'est pas possible de tester l'encrage dans l'éditeur de texte(Corps).

Image

Il est possible d'ajouter une image dans le contenu de la page. Pour savoir comment ajouter une image, veuillez consulter ce guide.

Pour une série d'images déroulantes, veuillez utiliser le champ Carrousel.

Tableau

Permet de créer un tableau dans la page. Pour savoir comment ajouter un tableau, veuillez consulter ce guide.

Onglets

Il est important de savoir que le dernier onglet ouvert lors de la sauvegarde du contenu sera celui affiché par défaut à l'utilisateur.

Il est possible de créer une section dans le corp sous l'affichage d'onglets. Pour savoir comment ajouter une affichage à onglet, veuillez consulter ce guide.

Accordéon

Il est possible de créer une section dans le corps sous le format d'affiche d'accordéon. Pour savoir comment ajouter une affichage à accordéon veuillez consulter ce guide.

Gras, souligné italique et barré

Permet de styliser votre texte pour attirer l'attention sur certaines parties de votre texte.

Exposant et indice

Pour retirer le format, sélectionner le numéro et cliquer Tx. Le texte sera maintenant 11

Citation

Permet une mise en forme de texte différente pour mettre en évidence une citation.

Symbole

Permet d'ajouter des symboles spéciaux comme des symboles mathématique, des devises, des flèches et des symboles Latin.

Ligne horizontale

Permet de tracer une ligne horizontale sur toute la largeur de la page

Source

Pour les Éditeurs plus avancé ayant des connaissances en HTML et CSS

Permet de voir le code source HTML du corps. Il est possible d'écrire du code HTML directement dans le corps.