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

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;

Cette réponse a-t-elle été utile ? Oui Non

Envoyer vos commentaires
Désolés de n'avoir pu vous être utile. Aidez-nous à améliorer cet article en nous faisant part de vos commentaires.