Utiliser adéquatement l'éditeur de texte (HTML)

Créé par Miro Lagueux, Modifié le  Jeu, 3 Févr., 2022 à 8:40 H par  Miro Lagueux

TABLE DES MATIÈRES
Introduction
Notes
Présentation des fonctionnalités de base de l'éditeur de texte Froala
Présentation de fonctionnalités avancées 
Ressources techniques
Caractères spéciaux HTML

Introduction

Le système de gestion des apprentissages Lära utilise un éditeur de texte HTML, communément appelé WYSIWYG (What You See Is What You Get) dans le langage technique. Celui qui est utilisé par le système se nomme Froala. Le site du produit Froala, d'ailleurs, permet d'afficher en temps réel le code HTML créé au fur et à mesure de la composition et de l'édition. On y retrouve aussi toute la documentation technique traitant des fonctionnalités de base et avancées (anglais seulement).

Notes

I. Il ne fait pas partie du mandat de SVIeSolutions de former la clientèle au langage HTML. Le présent article se veut un outil d'accompagnement présentant des concepts de base et des ressources de soutien.
II. Veuillez noter que le genre masculin est utilisé de façon générique dans les articles d'assistance pour en alléger le contenu.

Présentation des fonctionnalités de base de l'éditeur de texte Froala

Nous verrons dans la capsule suivante, les fonctionnalités de base de l'éditeur de texte. Cette capsule d'introduction à l'éditeur de texte HTML n'inclut pas les champs prédéfinis, représentés par le bouton d'action . Ces fonctionnalités sont présentées dans l'article Créer et gérer les attestations.

Présentation de fonctionnalités avancées 

Dans la capsule suivante, nous présentons certaines fonctionnalités plus avancées, ainsi que des moyens de résoudres les problèmes les plus communs dans l'utilisation de l'éditeur de texte HTML

Ressources techniques

  1. Site officiel de l'éditeur Froala : https://froala.com/online-html-editor/
  2. Base de donnée des codes HTML : https://www.w3schools.com/html/default.asp
  3. Générateur automatique de code de gradation couleur : https://cssgradient.io/

Caractères spéciaux HTML

L'éditeur de text Froala est dit « intelligent », au sens où il fera l'encodage automatique de vos caractères spéciaux, que vous soyez en mode normal ou en mode HTML. Cependant, voici un tableau présentant différents caractères en code HTML.

CaractèreCode ISOCode HTML
"""
&&&
€€

'‚
ƒƒ
"„
…
+†
#‡
^ˆ
‰
ŠŠ
<&#139;&lt;
Œ&#140;
&#141;
Z&#142;
&#143;
&#144;
'&#145;
'&#146;
"&#147;
"&#148;
*&#149;
-&#150;
--&#151;
~&#152;
&#153;
š&#154;
>&#155;&gt;
oe&#156;&oelig;
&#157;
z&#158;
Y&#159;&Yuml;
Space&#160;&nbsp;
¡&#161;&iexcl;
¢&#162;&cent;
£&#163;&pound;
¤&#164;&curren;
¥&#165;&yen
¦&#166;&brvbar;
§&#167;&sect;
¨&#168;&uml;
©&#169;&copy;
ª&#170;&ordf;
«&#171;&laquo;
¬&#172;&not;
­&#173;&shy;
®&#174;&reg;
¯&#175;&masr;
°&#176;&deg;
±&#177;&plusmn;
²&#178;&sup2;
³&#179;&sup3;
'&#180;&acute;
µ&#181;&micro;
&#182;&para;
·&#183;&middot;
¸&#184;&cedil;
¹&#185;&sup1;
º&#186;&ordm;
»&#187;&raquo;
¼&#188;&frac14;
½&#189;&frac12;
¾&#190;&frac34;
¿&#191;&iquest;
À&#192;&Agrave;
Á&#193;&Aacute;
Â&#194;&Acirc;
Ã&#195;&Atilde;
Ä&#196;&Auml;
Å&#197;&Aring;
Æ&#198&Aelig
Ç&#199;&Ccedil;
È&#200;&Egrave;
É&#201;&Eacute;
Ê&#202;&Ecirc;
Ë&#203;&Euml;
Ì&#204;&Igrave;
Í&#205;&Iacute;
Î&#206;&Icirc;
Ï&#207;&Iuml;
Ð&#208;&eth;
Ñ&#209;&Ntilde;
Ò&#210;&Ograve;
Ó&#211;&Oacute;
Ô&#212;&Ocirc;
Õ&#213;&Otilde;
Ö&#214;&Ouml;
×&#215;&times;
Ø&#216;&Oslash;
Ù&#217;&Ugrave;
Ú&#218;&Uacute;
Û&#219;&Ucirc;
Ü&#220;&Uuml;
Ý&#221;&Yacute;
Þ&#222;&thorn;
ß&#223;&szlig;
à&#224;&agrave;
á&#225;&aacute;
â&#226;&acirc;
ã&#227;&atilde;
ä&#228;&auml;
å&#229;&aring;
æ&#230;&aelig;
ç&#231;&ccedil;
è&#232;&egrave;
é&#233;&eacute;
ê&#234;&ecirc;
ë&#235;&euml;
ì&#236;&igrave;
í&#237;&iacute;
î&#238;&icirc;
ï&#239;&iuml;
ð&#240;&eth;
ñ&#241;&ntilde;
ò&#242;&ograve;
ó&#243;&oacute;
ô&#244;&ocirc;
õ&#245;&otilde;
ö&#246;&ouml;
÷&#247;&divide;
ø&#248;&oslash;
ù&#249;&ugrave;
ú&#250;&uacute;
û&#251;&ucirc;
ü&#252;&uuml;
ý&#253;&yacute;
þ&#254;&thorn;
ÿ&#255;&yuml;

Cet article a-t-il été utile ?

C'est super !

Merci pour votre commentaire

Désolé ! Nous n'avons pas pu vous être utile

Merci pour votre commentaire

Dites-nous comment nous pouvons améliorer cet article !

Sélectionner au moins l'une des raisons
La vérification CAPTCHA est requise.

Commentaires envoyés

Nous apprécions vos efforts et nous allons corriger l'article