README.zh-CN.md

简体中文 | English

CyEditor

一个可视化等流程图编辑器基于 cytoscape.js.

Demo

示例

安装

npm

npm install cyeditor

umd

<!-- 引入样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cyeditor@${version}/dist/cyeditor.css">
<!-- 引入组件库 -->
<script src="https://cdn.jsdelivr.net/npm/cyeditor@${version}/dist/cyeditor.umd.min.js"></script>

启动示例

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

文档

• 详细文档见 Github Pages

特性

• 导航器提供预览图，方便查看
• 表格辅助
• 内置形状，并支持自定义形状
• 可配置的工具栏，提供常用操作
• 节点大小控制及节点信息编辑
• 支持自定义的右键菜单
• 支持流程图导出为图片，导出json数据
• 更多边类型支持，虚线
• 元素信息提示浮层