bpmn.js 进阶指南

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第N天，点击查看活动详情 前言 在上一篇文章 手把手教你玩转BpmnJS元素属性更新 一文中，跟大家讲解了 如何通过已有的JSON

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第N天，点击查看活动详情 前言 最近我加入的几个 BpmnJS 的讨论群里面，很多同学都在研究 自定义显示 和 自定义属性面板 两

这个项目的正式开源应该是在2020年左右了，当时做这个的初衷也是为了能在后面的工作中有用到这个的时候能比较快的完成吧（虽然后面就离职了hahaha）。在后续的开发过程中，也迭代了一个 Vue 2 的新

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第N天，点击查看活动详情 前言 在之前的文章 Bpmn.js 进阶指南之Lint流程校验(四)自定义检验 中我大概提了一下 Bpm

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第N天，[点击查看活动详情](ht

事件总线，也可以叫做事件订阅器，也被称为 EventBus。一般用在模块化系统中作为各个模块的通信机制，本质是“发布-订阅模式”的 JavaScript 实现方式。

Bpmn.js: BPMN 2.0 rendering toolkit and web modeler.

在使用 bpmn-js 绘制流程图时，可能会存在需要开发者自己定义属性或者元素的情况，为了保证符合官方定义，对官方文档进行了汉化说明。以下说明基于个人理解，可能与真实作用有出入，希望大家指出不正确或者意义不明的地方，我好加以改正，谢谢！ 由于工作需要（其实不是很需要），在公司项…

在对 bpmn.js 进行深入了解之后，心中对如何使用以及如何根据业务需求进行改造有了比较清晰的理解。为了解决之前写中文文档留下的坑，这里特地从源码层面对 bpmn.js 进行解析。

继上次的 Bpmn.js 进阶指南（万字长文） 之后，我相信大家对 Bpmn.js 的使用和自定义方法都有了一定的了解，本文主要讲解如何扩展配置一个右键菜单，以及针对流程图绘制工具的一点思考

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第8天，点击查看活动详情 前言 在之前的文章中已经把 bpmn.js 的执行原理和模块扩展方式都做了一些简单介绍，对 Rendere

在之前的文章中已经把 bpmn.js 的执行原理和模块扩展方式都做了一些简单介绍，对 Renderer

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第11天，点击查看活动详情 前言 在之前的文章中已经把 bpmn.js 的执行原理和模块扩展方式都做了一些简单介绍，对 Render

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第N天，点击查看活动详情 前言 关于 bpmn.js 的流程图校验工具 “bpmnLint”，在之前已经分了三小节讲解了默认规则的

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情 前言 继上次的 Bpmn.js 进阶指南（万字长文） 之后，我相信大家对 Bpmn.js 的使用和自定义方

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第5天，点击查看活动详情 前言 上一节 Bpmn.js 进阶之Rules操作校验规则(一) 中大致讲解了 bpmn.js 内自带的一

前言 在前两篇文章 Bpmn.js 进阶指南之Rules操作校验规则(一) 和 Bpmn.js 进阶指南之Rules操作校验规则(二) 中，已经完整的解析了 bpmn.js 中的默认操作规则，以及整个

根据以前的使用经验以及群友的部分问题进行的汇总，目前只保留了部分比较常见或者不容易查到的问题。但是由于暂时工作不再涉及流程引擎，后续会根据群友的问题进行不定时持续更新

一. 引入Bpmn.js并初始化建模器 进入到源文件Modeler.js，可以找到创建Modeler建模器的时候需的参数。 初始化完成之后，在控制台打印this.bpmnModeler，可以发现BpmnModeler类继承了多个基础类。 Bpmn.js提供的默认扩展包名称，可以…

关于 bpmn.js 的简单使用，我在 Bpmn.js 中文文档（一） 中做了简单描述，并对其中几个核心模块的 api 做了说明，本文将继上文继续对 bpmn.js 的功能模块 api 做简单说明。 四. Modules 7. Modeling 基本建模方法 Diagram.j…