e107 setup

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