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.

Vous pouvez utiliser cette petite application pour générer le code html permettant d’insérer une image dans une page web (en l’occurence e-sidoc). Ensuite, il ne vous restera plus qu’à copier-coller le code ainsi généré dans l’éditeur de source HTML.

Deux possibilités s’offrent à vous pour entrer l’URL de l’image.

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-dessus va vous permettre de générer le code html qui vous permettra de l’intégrer dans votre page.

NB du 17/01/2019 : Je me suis rendu compte bien après avoir publié cet article que cette technique se nomme hotlinking et qu’elle est assez peu appréciée des webmasters. En effet, si elle n’est pas à proprement parler illégale (sauf dans le cas d’une violation du droit d’auteur bien sûr…), elle fait porter sur un autre que vous les coûts d’hébergement et de consommation de bande passante. A utiliser donc avec parcimonie…

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 » :

Là encore, vous allez pouvoir coller le lien ainsi copié dans l’application ci-dessus, qui vous fournira le code html.

4 commentaires sur “Insérer une image dans esidoc

Ajouter un commentaire

  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 !)

    J'aime

Votre commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l’aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google

Vous commentez à l’aide de votre compte Google. Déconnexion /  Changer )

Image Twitter

Vous commentez à l’aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l’aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s

Créez un site Web ou un blog gratuitement sur WordPress.com.

Retour en haut ↑

Créez votre site Web avec WordPress.com
Commencer
%d blogueurs aiment cette page :