iGalerie

Accès rapide : - Ajouter du code HTML à vos textes - Exemple - Balise <img>

HTML dans les champs textes

Ajouter du code HTML à vos textes

Il est possible de mettre du code HTML dans les champs textes suivants :

• Description de la galerie
• Descriptions des catégories, albums et fichiers
• Messages de pied de page et de fermeture de la galerie
• Pages personnalisées
• Page contact

Les champs textes qui autorisent du code HTML sont reconnaissables par l'étiquette HTML qui se trouve au dessus et à droite du champ. En cliquant dessus, vous obtenez la liste des balises HTML et des attributs de balises autorisés.

Le code HTML est filtré pour des raisons de sécurité. De manière générale, seules les balises structurantes et de mise en forme du texte sont autorisées. S'il est possible d'ajouter des liens et des images, en revanche le code Javascript ne sera pas autorisé.

Si vous souhaitez ajouter du code HTML non autorisés ou du Javascript, vous devrez modifier les fichiers de template du thème.

Exemple

Pour styler du texte, vous pouvez utiliser la balise <span> avec l'attribut style :

<span style="color:#1F4B9D;font-size:110%">Exemple de texte</span>

Ou bien vous pouvez entourer votre texte d'une balise <span> et lui attribuer uniquement un identifiant :

<span id="mon-texte">Exemple de texte</span>

Il suffira ensuite de passer par les options du thème et d'écrire dans la partie Code CSS le code que vous souhaitez en ciblant cet identifiant :

#mon-texte
{
   color: #1F4B9D;
   font-size: 110%;
}

Ce qui sera très pratique pour tester rapidement des idées !

Cette deuxième option est d'ailleurs préférable car, pour des raisons de sécurité, certains caractères ne sont pas autorisés avec l'attribut style, notamment le slash (/), ce qui a pour conséquence d'interdire l'utilisation de certaines propriétés CSS comme la propriété background-image (risques identiques à ceux de la balise <img>).

Balise <img>

Le code pour l'ajout d'image est filtré. Il est impossible de placer une image provenant d'un autre site dans votre galerie. Ceci afin d'éviter l'ajout de pixel espion, mais aussi pour éviter de se servir de votre galerie pour mener une attaque de type CSRF.

C'est pourquoi toutes les images que vous souhaitez ajouter dans vos descriptions doivent se trouver dans le répertoire images d'iGalerie. Le code HTML à insérer devra donc ressembler à ça :

<img src="/igalerie/images/mon_image.jpg">

ou bien encore à ça :

<img width="300" height="50" alt="Texte alternatif" src="http://mon-site/ma-galerie/images/mon_image.jpg">