玄子思维导图

玄子思维导图

应用简介

国产开源开箱即用的在线思维导图笔记应用。

使用方法

主要特性

v0.2 新特性

v0.7 新特性

第三方开发接口

  1. var editorConfig = {
  2. title:"title",
  3. path:"/test/path", //显示地址
  4. markdown:"编辑器显示文本", //编辑器显示文本
  5. onSave:function(markdown){
  6. //用户点击保存按钮执行的方法
  7. console.log('save markdown '+markdown);
  8. }
  9. };
  10. window.XZMindEditorConfig = editorConfig;

使用技巧

设置节点颜色演示

  1. ```mind
  2. 思维导图字体颜色演示
  3. . 说话的艺术
  4. #FF00ff 1.警告的话
  5. #44ff00 2. 温馨的话
  6. #229933 3. 关怀的话
  7. #ff3300 4. 强硬的话
  8. . 背景颜色
  9. ##ff00ff 高兴的事情
  10. ##ff9900 不开心的事
  11. ##00ff88 悠闲的时光
  12. 第三项 : 样例节点
  13. ```

渲染效果

sample-1

设置节点字体大小

  1. ```mind
  2. 思维导图字体演示
  3. ## 重要事项
  4. # 1.特别重要事项
  5. ## 2. 也很重要的事
  6. ### 3. 需要注意的事情
  7. #### 4. 留意的事情
  8. 第二项 : 样例节点
  9. 第三项 : 样例节点
  10. ```

渲染效果
sample-1

嵌入二维码

  1. ```qrcode
  2. 二维码码内容,链接 https://xuanzi.ltd
  3. ```

嵌入思维导图1

  1. ```mind
  2. :逻辑图
  3. 样例 : 在MD文档中插入思维导图
  4. 第一项 : 样例节点
  5. 子节点
  6. 子节点
  7. 第二项 : 样例节点
  8. 第三项 : 样例节点
  9. ```

说明:用TAB键划分节点层次

渲染的显示效果

sample-1

嵌入思维导图2

说明:用TAB键划分节点层次

  1. ```mind
  2. :树杈图
  3. 百科词条:中华人民共和国
  4. 首都:北京
  5. 故宫
  6. 天安门
  7. 鸟巢
  8. 面积:960万平方公里
  9. 陆地面积960万平方公里
  10. 领海约470万平方公里
  11. 主要城市
  12. 天津
  13. 江城:武汉
  14. 成都
  15. 花城:广州
  16. 主要节日:春节\n元宵节\n清明节\n端午节\n中秋节
  17. ---文化思想
  18. 诸子百家
  19. 汉服文化
  20. 唐诗宋词
  21. ```

渲染的显示效果

sample-2

常用技巧

内置浏览器的文件管理

界面预览

light
night

sample-2

联系方式

主要使用到的开源项目

项目未来路线图

项目编译方法


本文档使用 玄子思维导图 导出