Actualización
This commit is contained in:
68
plugin/mindmap/edit-mindmap/vendor/help/introduce.html
vendored
Normal file
68
plugin/mindmap/edit-mindmap/vendor/help/introduce.html
vendored
Normal file
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<title>MindMap帮助文档</title>
|
||||
<link rel="stylesheet" type="text/css" href="../css/help.css">
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../js/help.js"></script>
|
||||
<script type="text/javascript">
|
||||
SetupBodyBringToViewAnimation("whirlIn");
|
||||
</script>
|
||||
<div class="contentWrapper">
|
||||
<h1>MindMap帮助文档</h1>
|
||||
|
||||
<h2>简介</h2>
|
||||
|
||||
<p>
|
||||
MindMap是一款web版的思维导图应用，整个项目使用html+css+javascript开发。MindMap利用了许多html5特性:<a href="http://www.html5rocks.com/en/features/storage">Storage</a>、 <a href="http://www.html5rocks.com/en/features/file_access">File Access</a>、 <a href="http://www.html5rocks.com/en/features/graphics">Graphics</a>、 <a href="http://www.html5rocks.com/en/features/presentation">Presentation</a>。
|
||||
</p>
|
||||
|
||||
<h2>技术实现</h2>
|
||||
|
||||
<p>
|
||||
MindMap以<a href="http://twitter.github.com/bootstrap/">bootstrap</a>为基础开发css+html。
|
||||
</p>
|
||||
<p>
|
||||
MindMap采用OOP的开发方式，使用类似<a href="http://backbonejs.org/">backbone</a>的<a href="https://github.com/documentcloud/backbone/blob/master/backbone.js#LC1454">extend</a>方法实现继承。许多设计模式被应用到MindMap中：使用Command模式实现操作的Undo和Redo功能，使用Compositon模式组织map和node对象等等。
|
||||
</p>
|
||||
<p>
|
||||
MindMap的js组织方式，变量命名方式受到<a href="https://developers.google.com/closure/library/">google closure</a>的影响。 MindMap实现了一个类似closure的js加载器，配合一个nodejs脚本（用于生成js文件依赖记录）来管理组件之间的依赖关系。
|
||||
</p>
|
||||
|
||||
<h2>兼容性</h2>
|
||||
|
||||
<p>
|
||||
目前mindMap支持：Firefox19、Chrome25。我没有条件测试Safari；而Opera最近宣布将加入webkit的大家庭，所以我也没有再花时间测试；MindMap不支持IE。
|
||||
</p>
|
||||
|
||||
<h2>功能特性</h2>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
可以将map保存为本地的文本文件，也能打开本地文本格式的map
|
||||
</li>
|
||||
<li>
|
||||
可以将map保存在浏览器的storage中，也能打开在storage中的map
|
||||
</li>
|
||||
<li>
|
||||
创建新的map，为map添加节点，为节点添加子节点，删除节点。
|
||||
</li>
|
||||
<li>
|
||||
改变节点的内容、位置
|
||||
</li>
|
||||
<li>
|
||||
保存操作，实现了简单的redo和undo功能
|
||||
</li>
|
||||
<li>
|
||||
节点的copy、cut、paste功能
|
||||
</li>
|
||||
</ol>
|
||||
<div class="nav">
|
||||
<a href="javascript:void(0);" class="next-page" onclick="TriggerBodyRemoveFromViewAnimation('whirlOut','map.html');">下一节：map操作</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
46
plugin/mindmap/edit-mindmap/vendor/help/license.html
vendored
Normal file
46
plugin/mindmap/edit-mindmap/vendor/help/license.html
vendored
Normal file
@@ -0,0 +1,46 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<title>templates</title>
|
||||
<style>
|
||||
html{background-color: rgb(0,135,255);}
|
||||
body{background-color: white;padding:0;margin:0;}
|
||||
.contentWrapper{width:940px;margin:0 auto;}
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="css/FullPageAnimationsPrefixed.css">
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="js/help.js"></script>
|
||||
<script type="text/javascript">
|
||||
SetupBodyBringToViewAnimation("fadeIn");
|
||||
</script>
|
||||
<div class="contentWrapper">
|
||||
<div><h1>mindMap帮助文档</h1></div>
|
||||
<div>
|
||||
|
||||
<h2>简介</h2>
|
||||
|
||||
<p>MindMap是一款web版的思维导图应用，整个项目使用html+css+javascript开发。MindMap利用了许多html5特性:<a href="http://www.html5rocks.com/en/features/storage">Storage</a>、<a href="http://www.html5rocks.com/en/features/file_access">File Access</a>、<a href="http://www.html5rocks.com/en/features/graphics">Graphics</a>、<a href="http://www.html5rocks.com/en/features/presentation">Presentation</a>。目前mindMap支持的浏览器有：Firefox19、Chrome25，我没有条件测试Safari，而Opera最近宣布将加入webkit的大家庭，所以我也没有再花时间测试，mindMap不支持IE。</p>
|
||||
|
||||
<p>建立MindMap的目的是将自己在学习工作中积累的新知识和技巧应用到实践中。</p>
|
||||
|
||||
<p>MindMap以<a href="http://twitter.github.com/bootstrap/">bootstrap</a>为基础开发css+html。
|
||||
js结构，命名方式类似于<a href="https://developers.google.com/closure/library/">google closure</a>，mindMap实现了一个类似closure的js加载器，并且使用一个nodejs脚本管理js文件的依赖关系。</p>
|
||||
|
||||
<h2>功能特性</h2>
|
||||
|
||||
<ol>
|
||||
<li>可以将map保存为本地的文本文件，也能本地文本格式的map</li>
|
||||
<li>可以将map保存在浏览器的storage中，也能打开在storage中的map</li>
|
||||
<li>创建新的map，为map添加节点，为节点添加子节点，删除节点。</li>
|
||||
<li>改变节点的内容、位置</li>
|
||||
<li>保存操作，实现了简单的redo和undo功能</li>
|
||||
<li>节点的copy、cut、paste功能</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
103
plugin/mindmap/edit-mindmap/vendor/help/map.html
vendored
Normal file
103
plugin/mindmap/edit-mindmap/vendor/help/map.html
vendored
Normal file
@@ -0,0 +1,103 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
|
||||
<title>MindMap帮助文档</title>
|
||||
<link rel="stylesheet" type="text/css" href="../css/help.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script type="text/javascript" src="../js/help.js"></script>
|
||||
<script type="text/javascript">
|
||||
SetupBodyBringToViewAnimation("rotateInLeft");
|
||||
</script>
|
||||
<div class="contentWrapper">
|
||||
<h1>MindMap帮助文档</h1>
|
||||
<h2>map操作</h2>
|
||||
<ol>
|
||||
<li>
|
||||
<p>
|
||||
创建新map：file-〉Create New Map 或者使用快捷键[ctrl+m]
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/create_new_map.png" alt="create new map" title="" />
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
打开硬盘中的map：file-〉Open Map In Disk
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/open_map_in_disk.png" alt="open map in disk" title="" />
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
打开storage中的map：file-〉Open Map In Storage
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/open_map_in_storage.png" alt="open map in storage" title="" />
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
将map保存到硬盘中：file-〉Save Map In Disk 或者使用快捷键[ctrl+shift+s]
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/save_map_in_disk.png" alt="open map in storage" title="" />
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
将map保存到storage中：file-〉Save Map In Storage 或者使用快捷键[ctrl+s]
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/save_map_in_storage.png" alt="open map in storage" title="" />
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
contextMenu: 右键点击map空白处
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
取消上一步操作：file-〉Undo 或者 contextMenu-〉Undo 或者使用快捷键[ctrl+z]
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/undo1.png" alt="undo" title="" />
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/undo2.png" alt="undo" title="" />
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
还原上一步操作：file-〉Redo 或者 contextMenu-〉Redo 或者使用快捷键[ctrl+y]
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/redo1.png" alt="redo" title="" />
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/redo2.png" alt="redo" title="" />
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
查看help文档
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/help.png" alt="redo" title="" />
|
||||
</p>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="nav">
|
||||
<a href="javascript:void(0);" class="prev-page" onclick="TriggerBodyRemoveFromViewAnimation('rotateOutRight','introduce.html');">上一节：MindMap简介</a>
|
||||
<a href="javascript:void(0);" class="next-page" onclick="TriggerBodyRemoveFromViewAnimation('rotateOutRight','node.html');">下一节：node操作</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
99
plugin/mindmap/edit-mindmap/vendor/help/node.html
vendored
Normal file
99
plugin/mindmap/edit-mindmap/vendor/help/node.html
vendored
Normal file
@@ -0,0 +1,99 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
|
||||
<title>MindMap帮助文档</title>
|
||||
<link rel="stylesheet" type="text/css" href="../css/help.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script type="text/javascript" src="../js/help.js"></script>
|
||||
<script type="text/javascript">
|
||||
SetupBodyBringToViewAnimation("rotateInLeft");
|
||||
</script>
|
||||
<div class="contentWrapper">
|
||||
<h1>MindMap帮助文档</h1>
|
||||
<h2>node操作</h2>
|
||||
<ol>
|
||||
<li>
|
||||
<p>
|
||||
选中节点：左键单击节点
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
nodeContextMenu：右键单击节点
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
修改节点位置：左键点击节点不松，拖动鼠标
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
修改节点内容：nodeContextMenu-〉edit
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/edit_node.png" alt="edit node" title="" />
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
创建根节点：contextMenu-〉Creat New Root Node
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/create_root_node.png" alt="cteate root node" title="" />
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
添加子节点：nodeContextmenu-> Append Child Node
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/append_child_node.png" alt="append child node" title="" />
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
删除节点：nodeContextMenu-〉Delete
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/delete.png" alt="delete node" title="" />
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
复制节点：选中节点-〉（点击右键-〉Copy）或者（file-〉Copy） 或者使用快捷键[ctrl+c]
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/copy_node.png" alt="copy node" title="" />
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
剪切节点：选中节点-〉（点击右键-〉cut）或者（file-〉cut） 或者使用快捷键[ctrl+x]
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/cut_node.png" alt="cut node" title="" />
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
粘贴节点：选中节点-〉（点击右键-〉Paste）或者（file-〉Paste） 或者使用快捷键[ctrl+v]
|
||||
</p>
|
||||
|
||||
<p><img src="../img/help/paste_node.png" alt="paste" title="" />
|
||||
</p>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="nav">
|
||||
<a href="javascript:void(0);" class="prev-page" onclick="TriggerBodyRemoveFromViewAnimation('rotateOutRight','map.html');">上一节：map操作</a>
|
||||
<a href="javascript:void(0);" class="next-page" onclick="TriggerBodyRemoveFromViewAnimation('fadeOut','../index.html');">Go to MindMap</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user