Nutella with Pepperoni and Mushrooms
Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

dmn-js

9.2.1 • Public • Published

dmn-js - DMN for the web

Build Status

View and edit DMN 1.3 diagrams in the browser.

Installation

Use the library pre-packaged or include it via npm into your node-style web-application.

Usage

To get started, create a dmn-js instance and render DMN 1.3 diagrams in the browser:

var xml; // my DMN 1.3 xml
var viewer = new DmnJS({
  container: 'body'
});
 
viewer.importXML(xml, function(err) {
 
  if (err) {
    console.log('error rendering', err);
  } else {
    console.log('rendered');
  }
});

Checkout our examples for more supported usage scenarios.

Dynamic Attach/Detach

You may attach or detach the viewer dynamically to any element on the page, too:

var viewer = new DmnJS();
 
// attach it to some element
viewer.attachTo('#container');
 
// detach the panel
viewer.detach();

Resources

Related

dmn-js builds on top of a few additional powerful tools:

  • dmn-moddle: Read / write support for DMN 1.3 XML
  • diagram-js: Diagram rendering and editing toolkit
  • table-js: Table rendering and editing toolkit

License

Use under the terms of the bpmn.io license.

Install

npm i dmn-js

DownloadsWeekly Downloads

3,631

Version

9.2.1

License

SEE LICENSE IN LICENSE

Unpacked Size

4.43 MB

Total Files

36

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar