cyeditor

CyEditor, A visual flow chart editor based on cytoscape.js

Usage no npm install needed!

<script type="module">
  import cyeditor from 'https://cdn.skypack.dev/cyeditor';
</script>

README

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

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