English | 简体中文

CyEditor

A visual flow chart editor based on cytoscape.js.

Demo

Demo

Installation

npm

npm install cyeditor

umd

<script src="https://cdn.jsdelivr.net/npm/cyeditor@${version}/dist/cyeditor.umd.min.js"></script>

run demo

$ git clone https://github.com/demonray/cyeditor.git
$ cd cyeditor
$ npm install
$ npm run serve

Usage

Vue

todo

Documentation

• You can find the documentation on the Github Pages

feature

• Navigator provides previews for easy viewing
• grid lines
• built-in shape and support for custom shapes
• configurable toolbar for common operations
• node size control and node information editing
• Support for custom right-click menu
• Support flow chart export to image, export json data
• More edge type support, dotted line
• Element information popper