Insérer une image dans esidoc

On est parfois frustré de ne pas pouvoir faire tout ce qu’on veut avec esidoc. La gestion des images, en particulier, est assez contraignante. Sorti des vignettes (en entête d’article, d’actualité, etc.) et des galeries, on est vite coincé. Tout le problème vient du fait qu’il n’est pas possible de stocker des images à volonté sur les serveurs d’esidoc.

Eh bien, voilà une méthode simple pour contourner ce problème et insérer une image dans un corps de texte.

1ère possibilité : vous voulez intégrer une image trouvée sur internet

L’image est donc déjà hébergée. Copiez son url (clic droit sur l’image puis « Copier l’adresse de l’image ») La petite application ci-dessous va vous permettre de générer le code html qui vous permettra de l’intégrer dans votre page.

URL de l’image à intégrer :

Alignement par rapport au texte :

Voilà, vous n’avez plus qu’à copier-coller le code ainsi généré dans l’éditeur de source HTML.

2ème possibilité : vous voulez intégrer une image stockée sur votre PC

C’est un tout petit peu plus long, car il vous faudra tout d’abord faire héberger votre image quelque part sur internet. La solution que j’utilise consiste en un stockage sur Google Drive. Commencez donc par déposer votre image sur votre drive. Récupérez ensuite le lien de partage de votre image en faisant un clic-droit, puis « Obtenir le lien partageable » :

Ce lien permet d’afficher l’image dans Google Drive. Pour l’insérer convenablement dans esidoc, il va falloir le remanier un petit peu. Le formulaire ci-dessous s’en chargera pour vous. Collez-y le lien que vous venez de copier dans Google drive, choisissez un mode d’alignement de votre image par rapport au texte, et cliquez sur le bouton « Générer ».

Lien partageable copié dans Google Drive :

Alignement par rapport au texte :

Là encore, il ne vous reste plus qu’à copier-coller le code ainsi généré dans l’éditeur de source HTML.

3 thoughts on “Insérer une image dans esidoc

  1. Bonjour, et merci pour cette mine de ressources !
    J’essaye désespérément d’insérer une image stockée sur mon drive en utilisant cet utilitaire mais ESIDOC refuse obstinément de l’afficher, alors que le code est bien collé et tout. Je me demande si ça ne pourrait pas être une question de droits, mais j’ai tout regardé, rendu l’image publique dans les paramètres, et malgré tout elle ne s’affiche pas dans ESIDOC. Et là j’arrive au bout de mes compétences…
    Et j’ai également une question plus pointue, mais comme je ne maîtrise pas encore le langage je ne sais pas si je vais réussir à me faire comprendre… Et surtout, je ne veux pas abuser de ton temps, donc si tu ne veux pas y répondre pas de problème… Je me lance :
    j’ai créé une infographie sur piktochart, j’ai récupéré le code HTML pour l’intégrer, et maintenant ça me donne une belle image sur la page d’accueil d’ESIDOC. Seulement voilà, comme je ne suis jamais satisfaite, je voudrais que cette image soit cliquable. Or, j’ai essayé avec la balise … et je n’arrive à rien, l’image n’est pas cliquable. Sans doute parce que dans le code du l’infographie, ce n’est pas une image, mais une iframe. Et là, pareil, je bute, je suis au bout de mes compétences, je ne sais pas comment la rendre cliquable…
    Voilà mon problème du jour !
    D’avance, merci, si tu peux répondre à ces questions (même si ce n’est qu’à une, ça sera déjà super !)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *