Skip to content

demonray/cyeditor

Repository files navigation

English | 简体中文

CyEditor

A visual flow chart editor based on cytoscape.js.

Demo

Demo

demo image

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

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