# workflow-bpmn-modeler
**Repository Path**: macosx/workflow-bpmn-modeler
## Basic Information
- **Project Name**: workflow-bpmn-modeler
- **Description**: vue 和 bpmn.io@7.0 ，实现 flowable 的 modeler 流程设计器
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 20
- **Forks**: 44
- **Created**: 2021-01-21
- **Last Updated**: 2025-02-21
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# workflow-bpmn-modeler
🔥 本项目基于 `vue` 和 `bpmn.io@7.0` ，实现 flowable 的 modeler 流程设计器
## 预览
## 在线 demo
👉 https://goldsubmarine.github.io/workflow-bpmn-modeler/demo/
## 安装
```bash
# 安装
yarn add workflow-bpmn-modeler
```
## 使用说明（最简 demo）
```vue
```
## iframe 部署
如果你的项目是 jquery 或 react 类项目，可以通过 iframe 的方式集成该流程设计器
本仓库通过 github pages 部署了静态页面，使用 jsdelivr 做 cdn ，国内访问也非常快速，所以你可以直接集成本仓库的页面，因为全部白嫖了 github 的资源，没有自己建服务器维护，所以不用担心资源失效问题。
当然你也可以在 `docs/lib` 文件夹下下载对应的版本，进行本地部署。
集成方式如下（ps：可直接拷贝以下代码到一个html文件中试一下）：
```html
```
## License
[MIT](http://opensource.org/licenses/MIT)
Copyright (c) 2020-present, charles