Introduction

Everything below was tried out with e107 version 0.7.11. By default e107 uses bbcode editor, so first you have to activate the built in TinyMCE. Go to Settings/Preferences/Text rendering and turn on "Enable WYSIWYG textareas". It uses TinyMCE 2.x so the basics are the same as for the https://github.com/maschek/imgmap/wiki/TinyMCE-setup.

Details

1. copy files from plugin_tinymce{x}.zip to {yourinstance}/e107_handlers/tiny_mce/plugins/imgmap/
2. edit {yourinstance}/e107_handlers/tiny_mce/wysiwyg.php, add lines:

$text .= ",iespell,zoom,media";//this is original
$text .= ",imgmap";//you need to add this

and

$text .= ",charmap,iespell,media";//this is original
$text .= ",imgmap";//you need to add this

search for 'extended_valid_elements', and add:

img[usemap|class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],map[id|name],area[shape|alt|coords|href|target]

1. go to news editor, click on any image, and notice the button highlighted on the toolbar, you are done:)