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. Il n'est pas possible d'utiliser l'attribut "style". Et s'il est bien 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 devez l'entourer d'une balise HTML et lui attribuer un identifiant :

<span id="exemple">Exemple de texte</span>

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

#exemple {
   color: #6594db;
   font-weight: bold;
}

Il est possible de faire la même chose avec une classe, qui à l'avantage de pouvoir s'appliquer à plusieurs éléments à la fois :

<span class="exemple">Exemple de texte</span>

<span class="exemple">Autre texte</span>

.exemple {
   color: #6594db;
   font-size: 110%;
}

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">