L'éditeur peut être appelé lorsque vous souhaitez modifier un commentaire / description, soit dans Paramètres > Général > Description de l'album, Explorateur > commentaires ou dans le panneau Propriétés du dossier. Il peut être ouvert par un contrôle en cliquant sur le champ de texte, ou en utilisant le menu «Plus», ou en cliquant à l'intérieur du champ de texte et en cliquant sur l'icône «crayon et papier» en haut à droite de l'éditeur HTML.

Pour la description de l'album et les descriptions des dossiers, l'éditeur s'ouvre avec un ensemble complet d'outils d'édition, le champ de commentaires s'ouvre avec un ensemble réduit d'outils les plus couramment utilisés. Pour utiliser l'ensemble des outils dans les commentaires, ouvrez l'éditeur tout en maintenant la touche MAJ ou ALT enfoncées (les utilisateurs Mac peuvent avoir besoin de cliquer sur l'icône de l'éditeur HTML plutôt que de contrôler le clic).

Chacun des outils a sa propre info-bulle, pour clarifier ses fonctions, qui sont répertoriées ci-dessous dans l'ordre dans lequel elles apparaissent dans l'ensemble complet des outils. La mise en forme du texte peut être appliquée au texte sélectionné, ou vous pouvez cliquer pour commencer, puis saisir votre texte et cliquer à nouveau pour arrêter d'appliquer la mise en forme.

Typing New line/Enter (Saisie Nouvelle ligne/Entrée)

Lors de la saisie d'une nouvelle ligne dans l'éditeur, une balise de rupture '<br>' est insérée. Il n'y aura pas de balise de rupture à la fin du texte.

Bold (Gras)

bold.

Balises HTML

<b>Texte en gras</b>

Italic (Italique)

italic.

Balises HTML

<i>Texte en italique</i>

Underlined (Souligné)

underlined.

Balises HTML

<u>Texte souligné</u>

Notez que le texte souligné indique normalement qu'il s'agit d'un lien vers un autre emplacement, son utilisation peut être déroutante s'il n'est pas utilisé comme lien. Le style peut être changé en une ligne ondulée et / ou colorée en ajoutant des attributs de style :

<u style="text-decoration-style: wavy;
text-decoration-color: red;">

Text Color (Couleur texte)

texte coloré

<span class="colour" style="color:#fe0909">coloured text</span>

Cliquez sur l'icône et une petite fenêtre s'ouvrira montrant la couleur actuelle du texte, cliquez sur la zone colorée pour ouvrir un sélecteur de couleur. Sélectionnez la couleur que vous souhaitez en utilisant l'une des méthodes de contrôle que vous préférez, puis cliquez sur OK, puis cliquez à nouveau sur OK dans la petite fenêtre pour appliquer cette couleur.

Notez que la balise span entoure le texte à colorier, l'attribut 'style' applique une couleur de rouge, vert et bleu valeurs hexadécimales fe, 09 et 09. Les nombres hexadécimaux sont en base 16 et vont de 0 à 9 puis de a à f (10 à 15)

Highlight Color (Couleur d'arrière-plan)

Couleur d'arrière-plan

Balises HTML

<span class="highlight" style="background-color:#33AC6F">highlight color</span>

Appliquez une couleur derrière le texte, en utilisant les mêmes commandes que pour la couleur du texte ci-dessus.

Link (Lien)

jalbum.net

Balise HTML

<a href="https://jalbum.net">jAlbum.net</a>

Après avoir cliqué sur l'icône du lien, une petite fenêtre s'ouvrira, dans laquelle vous pourrez saisir l'url du lien. Vous pouvez également choisir le fonctionnement du lien, les choix sont :

default Ouvre le document lié dans le même onglet / fenêtre où il a été cliqué

_blank Ouvre le document lié dans une nouvelle fenêtre ou un nouvel onglet

_new Ouvre le document lié dans une nouvelle fenêtre

_self Ouvre le document lié dans le même onglet / fenêtre dans lequel il a été cliqué (c'est par défaut)

_parent Ouvre le document lié dans le frame (cadre) parent

_top Ouvre le document lié dans le body (corps) entier de la fenêtre

Si vous sélectionnez du texte avant de cliquer sur l'icône du lien, ce texte sera utilisé pour le texte du lien (nom). Si aucun texte n'est sélectionné, le nom du lien sera le même que l'url saisie. Les liens peuvent être modifiés en plaçant le curseur dans le lien - vous n'avez pas à sélectionner le texte lié du début à la fin. Si vous sélectionnez du texte dans un texte lié, le lien sera modifié uniquement pour la région sélectionnée.

Add ruler (Ajouter une ligne)

Balise HTML

<hr>

Trace une ligne sur la largeur de la zone de commentaires. Vous pouvez contrôler la largeur et la position de la ligne en ajoutant un style à la balise, par exemple

<hr style="width:33%;margin-left:33%;">

donnerait une ligne centrée et un tiers de la largeur des commentaires.

Code

Le code vous permet d'afficher du code HTML / CSS / JavaScript, plutôt que d'interpréter le code et d'afficher le résultat rendu. Un des deux ensembles de balises est utilisé pour le code, selon la façon dont le code est généré. Pour une seule ligne de texte qui a été sélectionnée et l'outil de code appliqué, les balises de code utilisées sont '<code> </code>' :

<a href="https://jalbum.net/en/samples">Exemples</a>

Le code saisi est affiché sur la page en utilisant la police monospace par défaut du navigateur.

Pour le texte sélectionné sur plusieurs lignes, collé ou tapé dans le champ de code, les balises utilisées sont '<pre> </pre>' :

<pre><a href="https://jalbum.net/en/samples">Exemples</a></pre>

Le code saisi est affiché dans une police de largeur fixe, des espaces et 
sauts de ligne 
sont préservés.

Remarque, lorsqu'il est visualisé dans l'éditeur HTML, l'entrée de code est affichée comme collée, mais dans le champ de commentaire jAlbum, elle est affichée dans les balises 'code' ou 'pre' et les caractères réservés sont convertis en Entités HTML

Align left (Aligné à gauche)

Le texte est aligné à gauche de la zone de commentaire.

Balises HTML

<p style="text-align:left;">Le texte est aligné à gauche de la zone de commentaire.</p>

Align centre (Aligné centré)

Le texte est aligné au centre à l'intérieur de la zone de commentaire.

Balises HTML

<p style="text-align:center;">Le texte est aligné au centre à l'intérieur de la zone de commentaire.</p>

Align right (Aligné à droite)

Le texte est aligné à droite de la zone de commentaire.

Balises HTML

<p style="text-align:right;">Le texte est aligné à droite de la zone de commentaire.</p>

Justified (Justifié)

Balises HTML

<p style="text-align:justify;">Le texte justifié va ici</p>

Heading (Titre)