View and edit BPMN 2.0 diagrams in the browser.
Use the library pre-packaged or include it via npm into your node-style web-application.
To get started, create a bpmn-js instance and render BPMN 2.0 diagrams in the browser:
var xml; // my BPMN 2.0 xml
var viewer = new BpmnJS({
container: 'body'
});
viewer.importXML(xml, function(err) {
if (err) {
console.log('error rendering', err);
} else {
console.log('rendered');
}
});
Checkout our examples for many more supported usage scenarios.
You may attach or detach the viewer dynamically to any element on the page, too:
var viewer = new BpmnJS();
// attach it to some element
viewer.attachTo('#container');
// detach the panel
viewer.detach();
Perform the following steps to build the library, including running all tests:
cd bpmn-js
npm install
npm run all
You may need to perform additional project setup when building the latest development snapshot.
Please checkout our contributing guidelines if you plan to file an issue or pull request.
bpmn-js builds on top of a few additional powerful tools:
Use under the terms of the bpmn.io license.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。