react-agiletc-minder-editor

基于 react 的 脑图编辑器

开发和运行

UI 框架使用 Ant Design

将项目克隆到本地在根目录下执行

git clone https://github.com/sxyy/react-agiletc-minder-editor.git
npm install
npm run dev

即可运行项目

请配置 example/app.js 下的 wsUrl 地址.

集成

1. 进入到前端项目的目录下，执行

npm install react-agiletc-minder-editor --save

1. 替换项目中引用的组件

替换原有的

import AgileTCEditor from 'react-agiletc-editor';

为

import AgileTCEditor from 'react-agiletc-minder-editor';

1. 重新编译前端即可，最好提前把 server 下 dist 目录先清理掉。

API

FAQ

若出现页面的高度问题，即有滚动条的情况，可适当修改下 editorStyle 属性高度的值