代码拉取完成,页面将自动刷新
同步操作将从 高力/gg-editor 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
English | 简体中文
npm install gg-editor --save
<script src="https://unpkg.com/gg-editor@${version}/dist/index.js"></script>
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 style={{ width: 500, height: 500 }} data={data} />
</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 style={{ width: 500, height: 500 }} data={data} />
</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 |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。