Summarize

Can you embed the MindManager Universal File Export aka HTML 5 Interactive Map in your web page?

MIndManager 2017 for Windows and 10 for Mac include an HTML5 export. This produces a web page that can be hosted and shared with everyone you would like to view the map. I and I guess many others would like to show the map within the frame of their blog or web site. Here is how to do it (I am writing this before I have actually done it!).

Things not to do:

  1. Don’t copy and paste the code into your WordPress page in Visual or Text mode. The edit page will freeze.

This works:

  1. Upload the html file to WordPress Media library and copy the full file URL.
  2. Use the iFrame plugin to implement this shortcode in the Text edit mode: [iframe src="http://www.applications.cabre.co.uk/wp-content/uploads/2016/10/MindManager-2017-and-10-Overview.html"]
  3. And Hey Presto your map appears. I wonder if there are ways you can control window size, map zoom and level of detail in the export?

But perhaps it would be better to have a map display post template without all the clutter of the normal blog layout. Something which top and tails the export as produced by MindManager: MindManager 2017 and 10 Overview

About Andrew Wilcox

Andrew is an experienced user of MindManager who shares his knowledge and advice for free here. And provides commercial training and consulting on how to exploit MindManager and other mind mapping software applications in business, organisations and for individuals at Cabre For more information about Andrew please visit his Google + profile.

Tags: ,

One Response to “Can you embed the MindManager Universal File Export aka HTML 5 Interactive Map in your web page?”

  1. Glenn Miller says:

    Hi Andrew,

    Great demo, thanks. I’ve got MindManager 2017 primarily for the HTML5 export option, but can’t seem to make it work on a tablet like your one on this page.

    I’ve tried it as a simple attachment (shows nothing when opened in Safari), putting it in Google Drive (shows the source code), and using iframe in Weebly (similar type of approach as you have with WordPress – but it just tries to download it rather than display it).

    Am I missing something really obvious? Yours looks great on iPad and is exactly what I’m after…

    Thanks!

Leave a Reply