Passer au contenu

/ Communications et services numériques

Rechercher

Texte

Utilisation

Le champ texte est un éditeur de texte riche (rte : rich text editor). Il vous permet d'inscrire du texte dans votre page et de lui donner l'aspect visuel désiré. Vous pouvez aussi y insérer des images, liens, listes, tableaux, etc.

Pour que l'élément complet apparaisse dans un encadré coloré

Pour que l'élément complet apparaisse en encadré coloré (incluant le titre si présent), il faut choisir la palette de couleurs désirée pour le champ Indentation et cadres de l'onglet Apparence.

Les palettes disponibles sont visibles sur cette page.

Exemple d'un élément texte dans un encadré :

Encadré coloré 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus commodo libero id sem accumsan lacinia. Cras consectetur rutrum lacus, et congue arcu lacinia vitae.

Spécificités du champ texte (rte)

D'autres champs sont définis dans la page des champs communs à tous les éléments de contenu.

Titre de l'élément

Pour connaitre les options de styles pour le Titre, voir l'élément Titre seulement.

Niveaux de lecture / styles de paragraphes

Le niveau de lecture peut être choisi pour chaque paragraphe via la première ou la seconde liste déroulante de la barre d'outils de l'éditeur de texte. Les niveaux disponibles sont :

Paragraphe

Titre 1

Titre 2 (le Titre 2 alt du titre n'a pas de souligné)

Titre 3

Titre 4

Titre 5
Titre 6

 

D'autres styles de paragraphe disponibles sont :

Paragraphe de style Citation

Paragraphe de style Préformatté

Paragraphe de style Important

Paragraphe de style Diminué

Paragraphe de style Emphase

Paragraphe de style Sample

Paragraphe de style Keyboard input element

Séparateur (ci-dessous)


Styles de puces

Il est possible de choisir un style prédéfini pour un item d'une liste à puces* via la seconde liste déroulante de la barre d'outils de l'éditeur de texte. Les styles disponibles sont :

  • Puce normale (petit rond) - Aucun style de bloc
  • Puce en triangle
  • Puce en crochet
  • Puce en chevron
* Le style choisi s'applique à l'item (la ligne) seulement. Pour appliquer un style à tous les items de la liste, on doit répéter la manipulation sur chaque ligne.

Styles de liens

Il est possible de choisir un style prédéfini pour un lien via la troisième liste déroulante de la barre d'outils de l'éditeur de texte. Les styles disponibles sont :

Lien normal

Lien avec icône pdf(1)

Lien style vidéo

Lien avec chevron pointant vers la droite

Lien avec chevron pointant vers la gauche

Lien avec chevron à gauche mais qui pointe vers la droite

Bouton

Bouton alternatif

Bouton pleine largeur

Bouton pleine largeur alternatif

Il est aussi possible de combiner des styles. Par exemple :

Bouton

Bouton alternatif

Bouton pleine largeur >

Bouton pleine largeur alternatif

Truc : Pour appliquer un style à un lien, vous devez positionner le curseur n'importe où dans le lien déjà défini. Il ne faut pas sélectionner l'ensemble du lien car la liste déroulante ne sera pas disponible.

Les styles sont cumulatifs et s'empilent les uns par dessus les autres. Pour retirer un style, vous devez choisir l'option Supprimer le style du texte de la liste déroulante. Le dernier style appliqué sera retiré. Réitérer si on a combiné plusieurs styles.

(1) Il est possible que votre site ait été paramétré pour que tous les liens vers des fichiers pdf dans le site aient automatiquement l'icône ajoutée. Si tel est le cas, le style "lien non-pdf" pourra être utilisé pour retirer l'icône d'un lien particulier.

Styles sur sélection

Il est possible de choisir un style prédéfini pour une sélection via la troisième liste déroulante de la barre d'outils de l'éditeur de texte. Les styles disponibles sont :

Paragraphe avec un mot en style Diminué.

Paragraphe avec un mot en style Emphase.

Paragraphe avec un mot en style Keyboard input element.

Paragraphe avec un mot en style Sample.

Truc : Le style sélectionné s'appliquera au mot ou à l'ensemble de mots sélectionnés.

Les styles sont cumulatifs et s'empilent les uns par dessus les autres. Pour retirer un style, vous devez choisir l'option Supprimer le style du texte de la liste déroulante. Le dernier style appliqué sera retiré. Réitérer si on a combiné plusieurs styles.

Styles d'encadrés

On parle ici d'un encadré défini directement dans le rte par opposition à un encadré appliqué à l'élément Texte complet.

Procédure pour appliquer un style encadré à un paragraphe :

  • Appliquer le style Paragraphe au(x) paragraphe(s) si ce n'est déjà fait.
  • Sélectionner le ou les paragraphes concernés.
  • Choisir, pour cette sélection, le style Conteneur de la première liste déroulante de la barre d'outils. Vous ne verrez pas de différence dans le texte mais vous devriez voir apparaitre le terme div dans la barre de chemin affichée directement en-dessous de la boite texte.
  • Dans ce chemin, cliquer sur le terme div (ceci sélectionne le conteneur nouvellement inséré).
  • Dans la seconde liste déroulante de la barre d'outils, choisir le style d'encadré désiré.

Les styles disponibles sont :

Encadré Avertissement

Encadré Danger

Encadré Information

Encadré Remarque

Encadré Succès

Note : Il est possible que certains styles ne soient pas disponibles pour votre site.

Icône pdf

Il est possible que pour votre site, l'ajout de l'icône pdf soit automatique (voir avec votre responsable). Sinon, vous pouvez manuellement ajouter l'icône via la troisième liste déroulante de la barre d'outils de l'éditeur de texte.

Truc : Pour appliquer un style à un lien, vous devez positionner le curseur n'importe où dans le lien déjà défini. Il ne faut pas sélectionner l'ensemble du lien car la liste déroulante ne sera pas disponible.

Styles de tableaux

Tableau sans borduresColonne 2Colonne 3
Contenu d'une cellule.Contenu d'une cellule.Contenu d'une cellule.
Contenu d'une cellule.Contenu d'une cellule.Contenu d'une cellule.

 

Tableau aéréColonne 2Colonne 3
Contenu d'une cellule.Contenu d'une cellule.Contenu d'une cellule.
Contenu d'une cellule.Contenu d'une cellule.Contenu d'une cellule.

 

Tableau coloréColonne 2Colonne 3
Contenu d'une cellule.Contenu d'une cellule.Contenu d'une cellule.
Contenu d'une cellule.Contenu d'une cellule.Contenu d'une cellule.

 

Tableau condenséColonne 2Colonne 3
Contenu d'une cellule.Contenu d'une cellule.Contenu d'une cellule.
Contenu d'une cellule.Contenu d'une cellule.Contenu d'une cellule.

 

Tableau encadréColonne 2Colonne 3
Contenu d'une cellule.Contenu d'une cellule.Contenu d'une cellule.
Contenu d'une cellule.Contenu d'une cellule.Contenu d'une cellule.

 

Tableau zébréColonne 2Colonne 3
Contenu d'une cellule.Contenu d'une cellule.Contenu d'une cellule.
Contenu d'une cellule.Contenu d'une cellule.Contenu d'une cellule.

Images

On peut insérer une image directement dans un texte en utilisant l'icône . À l'insertion vous devrez choisir entre une image « Magic » et une image « Plain »; vous devez choisir « Plain ».

À l’insertion d’une image « Magic », une copie de l’image d’origine est placée dans la page. Il n’y a donc plus de référence directe à l’image choisie. Il n’y a pas vraiment d’avantage à utiliser ce type d’image. L'image « Plain » Image, de son côté, demeure liée à l'image d'origine et tout changement apporté à l'image sera automatiquement considéré dans vos pages.

Suite à l’insertion d’une image, il est possible d’en modifier les dimensions : Positionner le curseur juste avant l'image puis cliquer sur Shift-FlècheDroite pour sélectionner l'image, et cliquer sur l'icône  pour accéder aux dimensions.

Il est recommandé de créer les images avec les bonnes dimensions dès le départ.

 

Vidéo

On peut insérer une vidéo directement dans un texte en appliquant un style particulier au lien menant vers une vidéo se trouvant sur un site externe (p.ex. YouTube).

Pour insérer une vidéo, vous n'avez qu'à insérer dans le texte le lien vers la vidéo (p.ex. https://www.youtube.com/watch?v=tRaI2_VrfYU). Puis à l'aide de la troisième liste déroulante de la barre d'outils de l'éditeur de texte,
appliquer le style « Lien vidéo » à votre lien. Ce style fera en sorte que la vidéo même apparaitra dans le texte là où le lien a été inséré.