This example shows how different versions of the toolkit can be embedded easily into a HTML page.
Note
Starting with bpmn-js@18 diagram containers are focusable elements that play nicely with others.
This example embedds different variants of the BPMN toolkit into a larger website. You can see how each instance of modeler only captures keyboard shortcuts when it's focused and doesn't interfer with other (native or custom) elements.
You need a NodeJS development stack with npm installed to build the project.
To install all project dependencies execute
npm install
Spawn the demo by executing
npm start
Both tasks generate the distribution ready client-side modeler application into the public folder.