Intégrer du code html dans esidoc

Ca fait un peu peur dit comme ça, alors que non seulement il n'y a pas de quoi, mais surtout savoir faire cela vous ouvrira bien des possibilités avec votre portail. En fait, nous allons nous contenter de récupérer du code html (copier), que nous allons ensuite intégrer dans esidoc (coller).

L'intérêt de cette action est d'insérer du contenu un peu plus riche que du simple texte, comme par exemple des images, des vidéos, des sons, etc.) On sera alors obligé de faire appel à un site tiers pour :

  1. Héberger notre contenu
  2. Générer le code html

Voilà une liste des sites que vous pouvez utiliser, en fonction du type de contenu :

Type de fichier Site Applications Tutoriel
Vidéo
  • Représentation théâtrale
  • Présentation d'une manifestation culturelle
  • Production d'élève
  • Booktube
  • Etc.
Tutoriel complet ici
(Youtube)
Image Google drive
  • Exposition au CDI
  • Visite d'auteur
  • Productions d'élèves

... toute photo pour laquelle vous n'avez pas forcément envie de créer une gallerie

Tutoriel complet ici
Fichier à télécharger Google drive
  • Bulletin de comité de lecture
  • Support de cours
  • Liste de manuels
  • Etc.
Fichier à lire en ligne Calaméo Idem que pour un fichier à télécharger "Flèche vers le bas" puis "Intégrer"
Son Soundcloud
  • Textes mis en voix
"..." en bas de la vignette du son, puis "Partager" et enfin "Embarquer"

Une fois que vous avez copié le code html correspondant au contenu que vous souhaitez insérer, rendez-vous dans l'"éditeur de source HTML" d'esidoc (pour l'ouvrir, cliquez sur le bouton "HTML" au-dessus de l'éditeur de texte).

Collez ensuite le code à l'endroit voulu :

Cliquez sur le bouton "Mettre à jour", finissez de saisir votre texte au-dessus ou au-dessous du contenu que vous venez d'ajouter et cliquez enfin sur "Enregistrer".

Vous voulez supprimer cet élément ? C'est à peu près aussi simple. Il vous suffit de supprimer le code correspondant. Pour être sûr d'en enlever ni trop ni trop peu, sachez que tout code html possède une balise ouvrante et une balise fermante du même nom. Souvent, ce sera <iframe>...</iframe>.

Laisser un commentaire

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