démo de l'action
syntaxe complexe : {{attach file="lolo.jpg" desc="image lolo.jpg (0.3MB)" size="medium" class="left medium" legend="le texte de la légende" link="https://yeswiki.net/wakka.php?wiki=AccueiL"}}
Paramètres utilisables
Ouvrir le lien d'une image dans une fenêtre modale
/!\ class="modalbox" ne fonctionne pas avec les images car les classes css s'appliquent ici a l'image et non au lien
Une méthode de substitution existe via du code html : <a href="monlien.fr" class="modalbox" title="Titre de la modale">{{attach file="monimage.jpg" desc="imagetest" data-size="modal-lg" size="original" class="center" nofullimagelink="1"}} </a>
nofullimagelink="1" évite qu'il y ai un lien vers l'image en plus grand (comme on rajoute un lien par dessus, on ne peut pas avoir un lien dans un lien)
data-size="modal-lg" fait une modale plus large que celle de base
Exemple :
documentation
{{attach}}
Permet de lier un fichier à une page, de téléverser (uploader) ce fichier et de télécharger ce fichier.
L'usage de cette action est simplifiée par le bouton "joindre / insérer un fichier" dans la barre de menu.
Affiche un lien de téléchargement de fichier
syntaxe minimale : {{attach file="lolo.jpg" desc="lolo"}}L'usage de cette action est simplifiée par le bouton "joindre / insérer un fichier" dans la barre de menu.
Affiche un lien de téléchargement de fichier
- Si le fichier est une image, elle est affichée dans la page.
- Lorsque le fichier est sur le serveur, il est possible de faire une mise à jour de celui-ci.
syntaxe complexe : {{attach file="lolo.jpg" desc="image lolo.jpg (0.3MB)" size="medium" class="left medium" legend="le texte de la légende" link="https://yeswiki.net/wakka.php?wiki=AccueiL"}}
Paramètres utilisables
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
nom du paramètre | valeurs du paramètre |
file | nom du fichier tel qu'il sera dans le wiki (attention a conserver la meme extension que pour le fichier original). pas d'url (voir {{player}}). Il est possible d'afficher le fichier d'une autre page ex: 'NomAutrePage/NomFichier.ext' |
desc | Texte du lien pour télécharger le fichier ou contenu du parametre alt pour une image. |
caption | Uniquement pour une image, texte au survol de celle-ci. |
legend | Uniquement pour une image, texte en dessous de celle-ci. |
link | Lien vers lequel renvoie l'image |
nofullimagelink | Uniquement pour une image, Pas de lien pour afficher l'image en grand quand on clique dessus: nofullimagelink="1" |
class | Ajoute une classe CSS à la balise figure entourant l'image / lightshadow, left / right / center, whiteborder, zoom, img-rounded, mg-circle, img-thumbnail |
size | small, medium, large ou original. Définis la taille de l'image par rapports aux paramètres small: largeur de 140px, hauteur de 97px ; medium: largeur de 300px, hauteur de 209px ; large: largeur de 780px, hauteur de 544 La largeur peut aussi être réglé finement grâce au paramètre "width" ci-dessous) |
width | Largeur de l'image en pixels. Ex: width="400" |
height | Hauteur de l'image en pixels. Ex: height="300" |
displaypdf | Permet d'afficher le fichier si c'est un pdf. Ex: displaypdf="1". Dans ce cas, class="left" ou "right" permet de définir la position du PDF, et les autres paramètres de l'action PDF sont utilisables |
Ouvrir le lien d'une image dans une fenêtre modale
/!\ class="modalbox" ne fonctionne pas avec les images car les classes css s'appliquent ici a l'image et non au lien
Une méthode de substitution existe via du code html : <a href="monlien.fr" class="modalbox" title="Titre de la modale">{{attach file="monimage.jpg" desc="imagetest" data-size="modal-lg" size="original" class="center" nofullimagelink="1"}} </a>
nofullimagelink="1" évite qu'il y ai un lien vers l'image en plus grand (comme on rajoute un lien par dessus, on ne peut pas avoir un lien dans un lien)
data-size="modal-lg" fait une modale plus large que celle de base
Exemple :
""<a href="https://yeswiki.net/?AccueiL" class="modalbox" data-size="modal-lg" title="Outils numériques et coopération : vers plus d'efficacité collective">""{{attach file="20180222_155226.jpg" desc="imagetest" size="small" class="left whiteborder zoom" nofullimagelink="1"}}""</a>""
donnedocumentation