Posts Tagged ‘web export’

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

Wednesday, October 12th, 2016

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=""]
  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

Mindjet and the Web – Rapidly assembling knowledge – The video

Thursday, July 25th, 2013

This is my cut from a Visual Thinking Hub webinar in which I show how to use MindManager or Mindjet for Windows to create a knowledge map about a subject. The techniques of drag and drop or copy and paste for text, links and images from web pages are also applicable to files and folders on your local PC and network drives. This functionality has been in MindManager for more than a decade. You will also see how to use the map parts to add search results to your map ( a recent addition about five years ago). For a map outlining the video content please visit my previous blog

If you have any questions, please use the comment form below.

Mindjet or MindManager and the Web – Rapidly assembling knowledge

Using drag and drop to create your view of a web site

Tuesday, June 25th, 2013
  • WordPress links for CabreHave you ever lost your way navigating someone’s web site or even your own?
  • Do you need a better way of bookmarking the pages you use visit frequently?
  • Do you want to make notes about a page?
  • Do you need a mnemonic to help you remember a password?
  • Do you need to store a signature, some code or other piece of text you want to use on that web site?

MindManager can help you do this.

The key tool is using drag and drop to copy URLs and title text from a web page to the map.  Try it:

  • Drag the favicon next to the URL in the address bar on to your map. You will get a new topic with the meta tag title of the web page and a hyperlink.
  • Drag a menu item from a web page to your map and you get a similar result.
  • Drag any linked item on a web page to the map.
  • You can use this to add floating topics or insert a subtopic.
  • If drag onto a topic, just the link is added to the topic.

That’s how this map was created.

Now for something even more useful, the links on the map below of Cabre’s WordPress admin pages won’t work for you (except for the one bottom right to WooCommerce – Docs). But you can download this map WordPress Links for Cabre.mmap, use  Replace in MindManager to replace all the “” with “”  and this map will work with your WordPress site to. 🙂 Make sure your have the hyperlinks box ticked in the Options section of the Replace pop up. 😉

This is a clickable image map export of the MindManager map. Use the scroll bars to view the map in detail.  Hover your mouse over the topics to see the links. My third tip on this blog is use the iFrame plugin for WordPress to display clickable image maps.

  • Upload the clickable map web export folder for your map to a web server.
  • Point the iFrame short code to the index.html file in the folder.
  • Edit the img src in the index.html file to point at the image file in the folder.
  • Edit any links to LinkedDocuments in the index.html file to point at the sub-folder you uploaded.

Add <i>scrolling=”yes”</i> to the short code parameters  to get the scroll bars.

Sharing Your Mindjet MindManager Maps with the Clickable Image Web Export

Friday, June 21st, 2013

A couple of days ago I posted my record of the first Visual Thinking Webinar on Conference Reaction.  I received a few how did you do that questions. This is an extended answer to those questions.

Sharing your MindManager Maps with the Clickable Image Export

Download Mindjet MindManager map of this blog Download Mindjet MindManager map of this blog Community is Essential to Building Brands - Record of presentation in mind maps Community is Essential to Building Brands - Record of presentation in mind maps ConferenceREACTION - Records and publshes events on the web ConferenceREACTION - Records and publshes events on the web

To help search engines find this page and those with impaired vision to “read” the map.

The image map content is repeated below as a text outline in one or two columns.

Sharing your MindManager Maps with the Clickable Image Export

1. Map

1.1 Visible

1.1.1 Topics

1.1.2 Topic images

1.1.3 Markers

1.1.4 Relationships

1.1.5 Labels

1.1.6 Boundaries

1.1.7 Background Image

1.1.8 Linked files
See related topics and documents

1.1.9 Web links

1.1.10 Spreadsheets

1.1.11 Why are you still at work?

1.2 Not Functional

1.2.1 Outlook links

1.2.2 SharePoint links

1.2.3 Excel links

1.2.4 Alerts

1.3 Invisible

1.3.1 Notes

1.3.2 Attachments
See related topics and documents

1.4 Tips

1.4.1 Don’t overload the map Use more than one map if you need to

1.4.2 Portrait or Landscape? Right Map or Left & Right or Tree or Org Chart

1.4.3 Export to check the image size If the height or width are larger than required see next tip(s)

1.4.4 Layout Adjustments Use main topic handles to move topics into better positions to maximise width or height Adjust topic length Use line wrap Shift-Return Image alignment Use topic alignment Consider thumbnails with links to higher resolution images

1.4.5 Notes Convert to text or Word etc . and link the file to the topic

1.4.6 Multiple Topic Hyperlinks
See related topics and documents Only first is linked in the export

1.4.7 Hyperlink Alt Text Edit Hyperlink > Options > Link Text Text for Google to find & index

1.5 Check

1.5.1 Mindjet Tasks

2. Export

2.1 Standard

2.1.1 Map Zoom factor (%) Adjust to fit the shared environment 86% produces a readable image with default fonts

2.1.2 Include Map Background Yes = large jpg good for photos No = small gif

2.1.3 Root Export File Name Change from index.html to something-relevant.html Change to *.php if you want to use php in a modified template

2.2 Modified

2.2.1 Header

2.2.2 Footer

2.2.3 Meta Tags

2.2.4 Map text as outline

2.2.5 Analytics

2.2.6 e.g. Community is Essential to Building Brands

3. Sharing

3.1 Local Network

3.1.1 Share folder & html file name X:\MyExports\index.html

3.2 Web Folder

3.2.1 Upload folders to the server

3.2.2 Share the URL of the html file http:\\\ex\index.html

3.3 WordPress

3.3.1 Upload the image WordPress Media Any online store

3.3.2 Upload the linked Documents folder and files

3.3.3 Paste the html.txt file into a page or post

3.3.4 Edit the image URL

3.3.5 Edit the Linked Documents URL

3.3.6 Check it works

3.4 Tips

3.4.1 Use several maps on one page
See related topics and documents Use one export as the master and paste sub map’s html in to the master html. Remember to put all other files (image) and folders (linked documents) in the master folder.

Search friendly mind maps – Getting your maps in front of non-mind mappers

Tuesday, January 29th, 2013

On Thursday I have a short presentation slot at Biggerplate Unplugged London  on “Search Friendly Mind Maps”. By which I mean maps that can be found by the internet search engines and be used to promote your business, organisation or passion. This blog is to prompt discussion prior to the event and an opportunity for you to improve my presentation by criticism and correction.  As my research focusses on the Mindjet world, I would also be interested to hear how valid my conclusions are for other mind mapping software vendors.

Search engines are looking for indexable text, so how can they see your map?

An image or Flash file on the web is indexed by its file name and the text in the meta tag “alt”. Some Flash files do present more meta text to the search engines but I have no evidence the map exports from e.g. Mindjet make use of this feature. Adding these images and Flash to a PDF file will not help.

Briefly Mindjet’s web exports convert a map into:

  • Outlines
  • Clickable Image Maps
  • Mini web sites where notes become web pages and the map is the navigation

The first and third produce text, and the second can have alt text on every link. These “maps” are visible to the search engines. However the HTML is archaic (developed 10+ years ago), the ability to add social tools e.g. Tweet this map, requires too much work compared to modern web publishing tools and coordinating more than one map into a multi-map web site is a pain.

There two significant map hosting sites for Mindjet maps Biggerplate and Maps for That. When a map is uploaded to Biggerplate, the main topics are extracted as keywords. You can add and subtract from this list. You can write a description but I doubt whether are many uploaders to Biggerplate that describe the full content of their map. Mindjet’s “Maps for That” does not have the keyword extraction.

For a couple of years I have been recording and publishing maps about presentations and speeches which are followed by the full text outline of the map. This has two benefits:

  • Visually impaired people or their text readers came read the map
  • and so can the search engines

And more recently I have published the maps within a WordPress website.

Last Wednesday I attended a presentation about “Mobile Apps” given by a software house in my home town. I mapped it and published it in ConferenceREACTION, Biggerplate and Maps for That. Yesterday I asked some friends in the UK, Canada and The Netherlands to search for the event using a generic search and a very specific search term. Here are the results:

Where do the linked pages appear in Google's Top 100 for a generic and a specific search term? Cabre - MindManager Training and Consultancy Cabre - MindManager Training and Consultancy

It’s surprising that ConferenceREACTION is in the top ten for the generic terms! If you want your maps to be seen by people who don’t use the catalogues i.e. the non-software mind mappers, then perhaps you need to post them on other sites. Obviously and unfortunately text is important. If you want your maps to be found (and maybe understood) I believe they need to be fully described.

What is your experience and your suggestions for making maps appear more frequently in search results for the non-mind mappers you want to see them?

Okay map pickers, an update on the Top 100 for “matt clarke firstthing apps” 4 Feb 2013

The UK chart:

  • ConferenceREACTION remains at No. 1
  • Biggerplate are creeping up at No. 25
  • BUT the new entry at No. 2 is MindMeister (the map was only posted on 30 Jan)
  • Maps for That are not in the top 100

The US chart:

  • ConferenceREACTION remains at No. 1
  • A repeat new entry at No. 2 is MindMeister (the map was only posted on 30 Jan)
  • Biggerplate are hanging back at No. 44
  • Maps for That are not in the top 100

The Mindjet Map part for Google searches chart: which I presume is via

  • ConferenceREACTION is at No. 1 and 2
  • Biggerplate are straight in at No. 3
  • MindMeister and Maps for That are not in the top 65 (the maximum Mindjet Google map part will report on)

How to manage shared resources for teams of MindManager users

Wednesday, March 28th, 2012

MindManager Package Folder Types: Images, Background Images, Icons, Shapes, Map Parts, Templates, Themes, Marker Lists, Web Export TemplatesDo you want to share any of the following between team members or versions of MindManager?

  • A set of brand images you want everyone to use.
  • Map Markers for use at specific types of meetings.
  • A watermark that includes a copyright date.
  • Images of your products or people.
  • A set of questions you ask every new client.
  • A web export template which is constantly refined.

The Package Folders tool enables you to do this. Either for yourself, if you are running a couple of versions of MindManager (not sure if this function extends to Mac and Connect) or across a team by placing resources in network, Dropbox, Skydrive etc. folders.  To use the tool open this pane: File > Options > Package Folders

Selecting the resource type and location of your MindManager Package Folders
Your options:

  • Name – descibe the folder e.g. “Brand Logos”
  • Path – select the location of your package folder. It might be a folder in a mapped network drive or a Dropbox sub-folder. If you have sub-folders they will appear in the Task Panes and Template Organiser without adding them individually.
  • Resource Type – You can have everything in one folder but the Task Panes and Template Organiser will only show the relevant files.

MindManager Package Folders in the image Task PaneOnce added the new folders will appear in your Task Panes and Template Organiser. Last week I added a Dropbox folder. Later that week I took some pictures of the Royal Yacht with a mobile phone and saved them in Dropbox. They were available short afterwards to add to a map.  For example this is useful for data gathering during site surveys with a mobile device. Then writing a report back at the office using a standard report map template which exports to Word.


  1. When a resource e.g. an image is added to a folder, if the folder is open in MindManager, you will need to refresh the folder to see it. Right click the folder and Refresh.
  2. Web Export templates only work with one version of MindManager. (see Resolving problems with customised web exports in MindManager 9)

Using Dropbox to share structured knowledge with MindManager

Wednesday, February 29th, 2012

Do you have a requirement which goes something like this:

  1. You want to share information with a closed group of people
  2. It’s less than 2GB of files but this could grow with the size of the group
  3. They need to be able to access it on and off line.
  4. Anyone in the group can add files to the store but you will look after the indexing
  5. Only some members of the group use MindManager

Had you thought about using Dropbox with MindManager’s web export?

Here is how:

  1. Get a Dropbox account, create and share two folders with the group e.g.
    1. Web site
    2. New files
      You will have to invite them and all that malarky but this will give you extra storage.  The folders will appear in your My Documents folder in the  My Dropbox folder.
  2. Create a map which links to all the files you want to share with the group.
    Do not use multiple hyperlinks, they are not supported in the web exports.
  3. Export the map using the web export. If all the text and explanations is in topic text you just need the Clickable Image export, if you add topic notes use the Static Outline or Dynamic Templates or Simple Outline or One Page.
  4. Export the map to the Dropbox folder web site. I suggest changing the name of the Root export filename in Customise > Advanced settings to something relevant.  A mini web site will be created with a folder called LinkedDocuments with all the linked files in it. Your original documents will remain where they where, these are copies by default. Other folders are created for the more sophisticated web exports to support the styles, images etc. used in the export.
  5. Give the group the link to the root export file and the web site will appear.
    e.g test-site 
    I have saved the web export to the Public Folder in Dropbox.
  6. Ask the group to add new files to the New files folder.
  7. Link the new files to the map and re-export.
Note: You cannot share local files via the PDF Viewer and Flash export. If you just have hyperlinks to web pages on the map then you could also store them in Dropbox and save updated versions.

Obviously there are many other file management systems out there but this may be enough for your needs.  Similar processes may be possible with Microsoft’s Skydrive and Google sites.

Could you use this?

Show/Hide Tool – Implications and Uses

Thursday, February 16th, 2012

On the View ribbon in the Detail section there is a tool called Show/Hide. It operates on objects like: hyperlinks, notes, relationships etc.

Show/Hide tool on the View Ribbon in MindManager 2012


Show/Hide Dropdown showing options in MindManager 2012

The full list is in the drop down where you can enable and disable various objects from being visible in the map.

Why would you hide them?

  • To declutter the map
  • To enable you to focus on certain objects
  • Because you need them for creating the map but not when it is exported to Word or the Web. e.g. Comments or Notes Icons.
  • Remember not to confuse people by sending them maps with relevant items turned off e.g. Notes Icons in a book map. They may not know about this tool.

Hiding some objects does have side effects which are reasonable after you have thought about them for a moment.

Here are the ones I can think of if you hide the object:

  • Relationships, Call Outs and Floating Topics – You cannot add a new ones. The tools are greyed out on the ribbon.
  • Hyperlinks – You cannot click on the link anymore. You can hide them for web export to declutter and the topics will still be clickable. If you select the topic and type Ctrl-j the link will work.
  • Attachments – Similar to hyperlinks and Ctrl-Shift-t will open the management panel.
  • Icons – You can still Power Filter using them.
  • Tag Group Names – If you are only using one group for instance “Departments”, you don’t need to repeat it on every topic with tag text.

Do you have any more uses or implications for the Show/Hide feature?

Creating linked information maps for the web with MindManager

Friday, December 16th, 2011

This week I have worked on a  job for a client creating a set of web pages which are maps of links for different topic areas. The maps are now on the web and visible to his global group of collaborators.  Unfortunately he does want me to share the maps publically but I thought I would remind you (as I did for myself when doing this) or inform you for the first time about customising the clickable image map web export.  The process below is not complete and assumes some knowledge of the MindManager web exports and HTML.

  • Structure: An index map with links to child maps.
  • Copy the Clickable Image Map web export template folder and give it a new relevant name.
  • Create the child maps first.
    • Drag and drop the favicon next to the URL of the required web page, from your browser to the map. This will create a topic with the link, the title text of the web page and the favicon
    • When you have all the required links, arrange and format the map to suit the purpose. You can save this as a Style to use with the next child.
    • Save the child map in map folder for this project.
    • Create a sub-folder where all the web exports will be saved.
    • Export the map using the NEW clickable image map web export. Enter the folder path for the above folder and use a unique name (e.g. the topic name without no spaces) for the Root Export File Name for each map.
    • Repeat this for all the child/topic maps.  Save them all to the same folder.
  • Example index mapCreate the Parent or Index map by dragging the *.html files of the Child maps to the Index map.
    • Note: I used floating topics and hid the hyperlink icon.
    • Format and arrange as required. Try and make this a compact map.
    • Save to the same folder as the child maps.
    • Export the Index map using the clickable image export to the same folder as the other web exports.
    • If you open the index.html with your browser the links to the child web exports won’t work! Open the index.html with a text editor and search and replace “../” with nothing. Save. Reload index.html and it should work now.
  • Edit the ImgmapPage.htm in your new template
    • Add the opening <body> below the </head> tag (It had gone AWOL in mine. So you might want to do that in the original one as well)
    • Open the index.html file. Copy the text from <!–START CLICKABLE IMAGEMAP–> to <!–END CLICKABLE IMAGEMAP–>.
    • Paste this into the ImgmapPage.htm after <body>
    • Save
  • Example with mapRun all the child map web exports again and they will have an index map at the top.
  • Check that it works.
  • Transfer all the contents of web export folder to a folder on your web server and it should work there as well.

The complete ImgmapPage.htm should have this structure:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
<meta http-equiv=”Content-Type” content=”text/html; charset=%WebExport.CharacterSet%”>
html from index.html
<!– Command: Expand(“Imgmap.mmbas”) –>

Using more html you can:

  • Add <div> tags with CSS style commands you can position the index map.
  • Add some text to the header alongside the index map
  • Add a footer.

The MindManager Topic Notes Editor: Time for a big change?

Monday, October 17th, 2011

The Topic Notes editor has remained virtually unchanged for a decade.  A format painter (copier) has been added in MindManager 2012 and way back in 2002 the ink tools were added.  Nothing else has happened.  I met Blaine Mathieu Chief Products Officer at the Mindjet Revolution Roadshow, a few days ago.  After a short discussion, he invited me to send him an email on this matter. Here are my thoughts and your chance to help me write that email to encourage Mindjet to be evolutionary and well as revolutionary!

I have used the Notes editor to create hundreds of web sites: the notes become web pages.  Until last week I used it to create the Cabre web site but I had to do too much post processing to include bits of HTML for videos etc. and had other issues around site management not to do with the Notes Edtor. I have switched to WordPress with MindManager content where required.   The ConferenceREACTION web site is currently produced with MindManager but will switch to WordPress soon.  It’s a pity because all the content is produced with MindManager.

With the Word export I use Topic Notes to create the paragraphs in “Introduction to MindManager” (to be transferred to new web site),  a 20 page  booklet with 50 plus images in it.  I started with Mindmanager X5 and I will updated it to the sixth edition 2012 shortly.

So why change?

It lacks:

  • Word wrapping: you have to use tables.
  • The tables are unstable when they get big (more than 5 rowsish) and if you use cell merge.
  • You cannot include HTML, only links. So no embedded videos, maps or other “gadgets” e.g. mail list capture, twitter streams etc.
  • You cannot resize large images to suitably sized images as you add them to the Notes (or Topics) thus preventing map bloat!
  • It is difficult to manage the formatting in the notes to get the correct format in Word. If you transfer the MindManager Topic Notes format to Word, you can’t (easily) use the Word Styles to manage the formating.

Please add to this list by commenting below.

What would I like to see

Three and half editors:

  1. Keep it simple i.e.the current one.  For simple note taking
  2. A Word editor which uses the style selected for the Word export. Perhaps it opens a Word window and saves the file as an attachment to the map visualised in the Notes pane.  you can support this idea in Mindjet’s User Voice – Editing Topic Notes with Word.
  3. An HTML editor. Something like the ScribeFire for Firefox.  It’s great for editing and storing frequently used HTML fragments.  With the option of using Micrsoft Expression?  You can support this idea in Mindjet’s User Voice – HTML Notes Editor 

3.5 An editor for creating WordPress content. That is one which creates clickable image maps and other content that can be directly exported to my WordPress blog(s). I will write about this seperately.  One respected internet commentator Graham Jones said in his newsletter last weekend: “In my view, though, there is only one way to go: WordPress.” Repeating my dream: Just imagine if Mindjet had developed the HTML editor they had in early versions of MindManager we would be using MindPress now!

 There, that’s this week’s rant (so far) off my desk (chest).  Please add your thoughts here and in Mindjet’s User Voice.