English | 简体中文
GGEditor
安装
npm
npm install gg-editor --save
umd
使用
流程图
import GGEditor Flow from 'gg-editor'; const data = nodes: id: '0' label: 'Node' x: 55 y: 55 id: '1' label: 'Node' x: 55 y: 255 edges: label: 'Label' source: '0' target: '1' ; <GGEditor> <Flow = = /></GGEditor>;
脑图
import GGEditor Mind from 'gg-editor'; const data = label: 'Central Topic' children: label: 'Main Topic 1' label: 'Main Topic 2' label: 'Main Topic 3' ; <GGEditor> <Mind = = /></GGEditor>;
文档
示例
# 克隆仓库 $ git clone https://github.com/alibaba/GGEditor.git # 切换目录 $ cd gg-editor # 安装依赖 $ npm install # 运行示例 $ npm start
类型 | 示例 | 源码 |
---|---|---|
图表 | flow | source |
图表 | mind | source |
组件 | component-command | source |
组件 | component-item-panel | source |
组件 | component-detail-panel | source |
插件 | plugin-editable-label | source |
插件 | plugin-item-popover | source |
插件 | plugin-context-menu | source |
注册 | register-node | source |
注册 | register-dom-node | source |