玄子思维导图

玄子思维导图

应用简介

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

使用方法

主要特性

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

联系方式

主要使用到的开源项目

项目未来路线图

项目编译方法

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