♻️ Attention, ce document est mis à jour régulièrement en fonction des remarques et de l'évolution des environnements.
Lorsque l'on souhaite insérer une image dans une cellule texte d'un calepin, il n'est pas possible de le faire comment on le ferait avec un document Word, LibreOffice ou Google Doc. Les images ne peuvent pas être incorporées à la cellule elle-même. Elles doivent être placées en dehors du calepin. Le plus simple est de les conserver dans un espace accessible depuis internet. Plusieurs solutions existent. A vous choisir celle qui vous convient le mieux.
Soit une image présente à l'adresse suivante : https://www.exemple.com/images/monimage.png.
Pour insérer cette image dans une cellule texte d'un calepin, deux syntaxes sont possibles :
Le texte entre crochets est optionnel, il ne sert qu'à décrire l'image si jamais l'image ne s'affiche pas. C'est ce que l'on appelle une alternative textuelle.
Avec cette syntaxe, il n'est pas possible de modifier la taille l'image. Elle s'affichera dans sa taille originale.
<img src="https://www.exemple.com/images/monimage.png" alt="description de l'image" width="50" />
L'alternative textuelle alt est optionnelle.
Avec cette syntaxe, on peut spécifier la largeur de l'image grâce à la déclaration width. Le chiffre indiqué est exprimé en pixels. A la place de width, il est possible d'utiliser height pour définir la hauteur de l'image. Il est aussi possible d'utiliser width et height en même temps.
Si vous conservez vos calepins dans un Google Drive, vous pouvez aussi y conserver les images que vous vous voulez utiliser dans les cellules texte de vos calepins. Imaginons que les images soient conservées dans le dossier Mon Drive > calepins > images. Et que dans ce dossier, il y a une image monimage.png. L'adresse qui permet d'utiliser cette image est de la forme :
https://drive.google.com/uc?export=view&id=1OfiLs18cI_omYZ22SjervuaLZeUP
avec 1OfiLs18cI_omYZ22SjervuaLZeUP, l'identifiant unique de l'image.
Pour récupérer cet identifiant, il faut :
https://drive.google.com/file/d/1OfiLs18cI_omYZ22SjervuaLZeUP/view?usp=sharing1OfiLs18cI_omYZ22SjervuaLZeUPAinsi, il sera possible de finir de construire la syntaxe souhaitée :
ou
<img src="https://drive.google.com/uc?export=view&id=1OfiLs18cI_omYZ22SjervuaLZeUP" alt="description de l'image" width="50" />
Dernière étape : coller ce code à l'endroit voulu dans la cellule texte d'un calepin et exécutez la cellule. Le code sera remplacé par l'image.
Il est aussi possible d'héberger les images sur des services internet. Il en existe de nombreux. Le plus connu est Imgur. C'est un site très populaire auprès des utilisateurs de Reddit. Il n'est pas nécessaire de créer un compte sur Imgur pour y héberger des images. Cependant, en créant un compte, vous pourrez mieux organiser vos images. Etapes pour placer une image sur Imgur et l'insérer dans une cellule texte d'un calepin :
[Imgur](https://i.imgur.com/eZdopx.png)En remplaçant Imgur par le texte que vous voulez (ou rien) et en ajoutant un point d'exclamation devant, vous obtiendrez le code à insérer dans votre cellule texte :
Et vous pouvez aussi contruire le code :
<img src="https://i.imgur.com/eZdopx.png" alt="description de l'image" width="50" />
Dernière étape : coller le code à l'endroit voulu dans la cellule texte d'un calepin et exécutez la cellule. Le code sera remplacé par l'image.
🔎 Si vous voulez en savoir plus à propos de la syntaxe markdown utilisée dans les cellules texte d'un calepin, vous pouvez consulter cette page.