Can you use a html macro (HTML Image macro) to insert an image map?

I am migrating content from Madcap flare to Wiki Confluence. One of the greatest contraints are the image maps. 

How do I use the HTML macros (HTML Image Macro) to add image maps. I have the HTML macros enabled.

2 answers

0 votes
Ann Worley Atlassian Team Jun 27, 2017

Yes, you can display an image map using HTML inside an HTML macro. If you don't have the HTML, you can generate it with a tool like: Easy Imagemap Generator.

Hi Ann, could you please tell me how to use the HTML Image Macro.  Some how it isn't working for me.

Ann Worley Atlassian Team Jun 28, 2017

I am sorry, I misunderstood and thought you were adding the image map in a Confluence "out of the box" HTML macro. I found the documentation for an HTML Image macro, made by Adaptavist as part of the add-on, Content Formatting for Confluence.

Here is the documentation for the macro: HTML Image

Please let me know where you are running into trouble when you use the macro.

 

Hi Ann, thank you for the information. It was very useful.

Using the HTML Image macro, I was able to add images that are on the web.

Is there some way that I can create a image map for an image that I create or that which is saved on my system?

Ann Worley Atlassian Team Jul 21, 2017

I haven't tried this but my understanding is you can use an imagemap generator like http://imagemap-generator.dariodomi.de/ to upload a file and create HTML for embedding it in the native HTML macro, (not the HTML Image macro by Adaptavist).

@Ann Worley thank you for the pointers to the HTML Image macro, it includes some info on using it to create image maps. (The image map generator you listed though (.de) is a bitcoin mining site so I would choose a different one.)

This method worked really well for me:

  1. Attached the image to the wiki page and copied its URL
  2. Inserted the HTML Image macro into the page and plugged in the URL as well as image dimensions and a name for the map
  3. Inserted the HTML macro into the page and plugged in the code generated by Summerstyle (there are many others)
  4. Tweaked the HTML slightly to add titles (tooltips on mouseover)
  5. Tested all links

Thanks!

Suggest an answer

Log in or Sign up to answer
Community showcase
Published Tuesday in Confluence

Confluence Admin Certification now $150 for Community Members

More and more people are building their careers with Atlassian, and we want you to be at the front of this wave! Important Dates Start the Certification Prep Course by 2 April 2019 Take your e...

212 views 2 10
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you