Je fais un essai en suivant le tuto dont tu postes le lien :
1. J'insère une image normale dans le texte
2. Avec l'éditeur atto du forum, pas d'accès simple à l'image-map, aussi, il faut passer en mode html (bouton < > du menu étendu)
3. Je rajoute
usemap="#map"
dans la balise img
<img src="https://moodle.org/pluginfile.php/239/mod_forum/post/1540105/rond-carre.png" alt="rond et carré" class="img-responsive atto_image_button_text-bottom" width="400" height="300">
donc on obtient ça :
<img src="https://moodle.org/pluginfile.php/239/mod_forum/post/1540105/rond-carre.png" alt="rond et carré" class="img-responsive atto_image_button_text-bottom" usemap="#map" width="400" height="300">
4. A la suite, je copie-colle le contenu du fichier .map généré par gimp mais seulement la balise <map> </map> pas <img> </img>
On a donc en tout :
<p><img src="https://moodle.org/pluginfile.php/239/mod_forum/post/1540105/rond-carre.png" alt="rond et carré" class="img-responsive atto_image_button_text-bottom" width="400" height="300" usemap="#map" ><map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:WESTPHA.C -->
<area shape="rect" coords="42,46,206,196" alt="joli carré vert" href="http://fr.wikipedia.org/wiki/Carr%C3%A9" />
<area shape="circle" coords="308,215,77" alt="patatoïde presque ronde" href="http://fr.wikipedia.org/wiki/Cercle" />
</map></p>
Et ici ça ne marche pas ! le code HTML est nettoyé à l'enregistrement :
<p><img src="https://moodle.org/pluginfile.php/239/mod_forum/post/1540105/rond-carre.png" alt="rond et carré" class="img-responsive atto_image_button_text-bottom" width="400" height="300"></p>
Ca ne veut pas dire que ça ne marchera jamais mais que, ici, sur le forum, un mécanisme propre à moodle fait du nettoyage de code qui met le souk dans ce que tu veux faire. Fais un essai chez toi pour voir...
à suivre...