那种思维导图软件可以另存为HTML格式

Mindmanager就有导出HTML5交互式导图功能：

图1：Mindmanager可导出格式

第一、什么是HTML5交互式导图？

首先，HTML是一种超文本标记语言，通过超链接的方式将文本、图表、图片等信息相关联，并通过浏览器的识别，将其内容翻译为用户所能见到的网页。而HTML5于2008年正式发布，是最新的Web语言，能极大地提升Web多媒体内容的处理。

接下来，我们会以下图的项目章程思维导图为例，导出HTML5交互式导图。

图2：思维导图示例

第二、插入超链接并导出

由于HTML5交互式导图是依托于超链接的文本格式，因此很适用于含有超链接内容的导图。用户可以在Mindmanager思维导图软件中选择主题内容后，右击启动快捷菜单，并在其中选择“插入”“超链接”，即可为主题添加超链接。

图3：插入超链接

插入链接后，单击工具栏中的“文件”，并单击其中的“导出”HTML5交互式导图，即可导出。

图4：导出的HTML5交互式导图

第三、打开导出的HTML5交互式导图

用户需要使用浏览器来打开HTML5交互式导图。打开的方式有两种，既可以直接单击导出的文件打开，也可以将导出的文件拖拉到浏览器中打开。

打开后的HTML5交互式导图与Mindmanager思维导图软件中的导图格式一致，用户可以单击其中包含链接的主题打开所指向的链接。

图5：导出的CSV文件

除了标准的视图外，HTML5交互式导图还提供演示文稿的视图模式。单击浏览器底部左边的“菜单”工具即可设置导图的视图模式，并可使用“搜索”功能，快速定位所需的内容。

图6：CSV文件的视图模式

通过运用Mindmanager思维导图软件导出HTML5交互式导图功能，用户能实现更有效的文件分享。HTML5交互式导图只要依托浏览器就能实现浏览，适合用于较多用户类型的分享，不用局限于特定的应用程序，而且对于一些超链接内容，也能实现更快速的导向。如果想要体验这项功能的小伙伴们，可以在Mindmanager官网进行思维导图软件下载使用。

制作思维导图应用

Qunee组件本身支持树形布局，所以对于思维导图的大体结构是可以呈现的，到细节的地方就比较多了，包括线条的走向，节点的样式，布局交互，自动吸附，双击编辑等等，本示例没办法面面俱到，所以参照XMind的效果，只实现了部分功能，供用户参考和扩展

连线定制

默认连线为直线，通过定制EdgeUI可以实现曲线效果

function FlexEdgeUI(edge, graph){

Q.doSuperConstructor(this, FlexEdgeUI, arguments)

}

FlexEdgeUI.prototype = {drawEdge: function(path, fromUI, toUI, edgeType, fromBounds, toBounds){var from = fromBounds.center var to = toBounds.center var cx = (from.x + to.x) / 2 var cy = (from.y + to.y) / 2

path.curveTo(from.x, cy, cx, to.y)

}

}

Q.extend(FlexEdgeUI, Q.EdgeUI)

使用方式

通过图元的#uiClass属性，与定制的EdgeUI相关联

function createEdge(name, from, to){

var edge = graph.createEdge(name, from, to)

edge.uiClass = FlexEdgeUI

}

如果要说到整理知识点的工具的话，思维导图就必须有姓名。通过图形与线条的搭配使用，我们可以将分散的知识点，通过一个简单的思维导图串联起来。比如，整理历史上制度的发展与变迁、不同人物对于同样事物的贡献等。

而说到制作思维导图的软件，MindManager就必须有姓名。不仅是在模板的配置上，还是在功能的丰富性上，MindManager都属于出类拨萃的一支，使用起来也简单、快捷。接下来，一起来看看如何把知识点画到思维导图中吧。

图1：MindManager思维导图

一、使用右侧导图模板

如图2所示，MindManager提供的模板类型相当丰富，我们可以根据不同的思维导图制作主题选取不同的模板。在本文中，会通过使用“右侧导图”来进行“历史上皇权强化”知识点的思维导图制作。

图2：气泡图

二、整理历史上皇权强化的知识点

历史上的皇权强化体现在两个方面，分别是中央机构的设置与地方机构的设置上，这两种机构的设置根本上是为强化皇权使用的。

图3：皇权强化的两种类型

设置中央机构与设置地方机构是为了弱化不同的权利，为了体现这一知识点，可以使用MindManager的标注功能，为两个副主题添加标注。

如图4所示，我们可在“中央机构设置”上方添加“强化皇权，弱化相权”的标注。

图4：添加标注

同样地，再在“地方机构设置”上方添加“强化皇权，弱化地方分权”的标注。

完成了副主题的标注后，我们再进行副主题的分支细化。如图5所示，在中央机构设置上，秦朝、西汉、唐朝等都制定了不同的制度，可将其依次添加到“中央机构设置”的分支中。

图5：细化中央机构设置的知识点

同样地，再将秦朝、西汉等在地方机构设置上的举措添加到“地方机构设置”分支中，即可完成“历史上的皇权强化”的知识点整理。

如图6所示，通过简单的思维导图绘制，可以看到，知识点的逻辑、层次都变得相当清晰。

图6：细化地方机构设置的知识点

---