在浏览器中预览编辑复杂图形时,推荐一个 GG-editor 插件。
这个插件基于 React 框架,使用方便,可以创建编辑思维导图、流程图、拓扑图等图形。
使用 npm 安装
# 安装 node.js 或者全局安装 npm
# 选择合适的工作目录
git clone https://github.com/gaoli/GGEditor.git
cd gg-editor
npm install
# 运行脚本在浏览器中显示 demo
npm start
使用行内 script 方法
<script src="https://unpkg.com/gg-editor@${version}/dist/bundle.js"></script>
效果如下
官方文档链接:https://github.com/gaoli/GGEditor/blob/HEAD/docs/README.md#api
后面继续学习使用这个插件。