README.md

bpmn.js-doc

这里总结了 bpmn-js 用法以及一些 API 由于本人也是新手，有些地方总结得不到位或者用词不当，这个笔记会在日后不断完善，望各位老爷多多指点 😚 本篇笔记旨在技术交流，觉得还可以的希望可以给的 star🤝 不同功能的代码在不同分支中

• main 主分支
• dev 开发分支，预览页面的的代码分支，完整度高
• customPalette 自定义工具栏分支
• customRenderer
• ...

欢迎留言交流：

• Q&A
• penglianger@qq.com

---

在线预览

vue + bpmn 预览： http://bpmn-doc.pl-fe.cn

功能

• 基础使用

• 了解 BPMN 内部

• 自定义 Palette

• 自定义 Palette => 指定 Palette 容器

• 自定义 Renderer

• 自定义 contextPad

• 自定义连线和箭头的颜色

• 自定义规则

• 自定义 properties-panel

• 右上角小地图

• 总结常用 API 🚩

• 为 Viewer 添加一些功能

• bpmn-camunda DEMO

• 答疑

相关

Demo

zjmzxfzhl (前后端)

devframework (前后端 activiti7)

miyuesc (自定义属性面板)

资料

论坛（能够解决 80% 问题） 需要翻墙

LinDaiDai 的中文文档

miyuesc 总结十分全面的文档（2022/7/7更新）

miyuesc 总结的文档

易样 (如何适配 activiti)

Bpmn 系列文章-详细

Bpmn-js 自定义文件说明

翻源码

• diagram-js 是一个工具箱，用于在 web 上显示和修改图表
• bpmn-js 构建在两个重要的库之上: diagram-js 和 bpmn-moddle
• examples一般在这里找 demo

最后

star 不断，更新不断 😊