Go to file

NWalker4483 239cbcedec Edited bindings		2021-06-03 06:56:40 -04:00
assets	Updated css	2021-06-03 05:34:26 -04:00
lib	Edited bindings	2021-06-03 06:56:40 -04:00
resources	Updated ReadMe	2021-06-03 05:20:57 -04:00
.eslintignore	Initial Commit	2021-06-03 01:45:51 -04:00
.eslintrc	Initial Commit	2021-06-03 01:45:51 -04:00
.gitignore	Initial Commit	2021-06-03 01:45:51 -04:00
.npmignore	Initial Commit	2021-06-03 01:45:51 -04:00
.travis.yml	Initial Commit	2021-06-03 01:45:51 -04:00
CHANGELOG.md	Initial Commit	2021-06-03 01:45:51 -04:00
LICENSE	Initial Commit	2021-06-03 01:45:51 -04:00
README.md	Updated css	2021-06-03 05:34:26 -04:00
package-lock.json	Updated ReadMe	2021-06-03 05:20:57 -04:00
package.json	Updated css	2021-06-03 05:34:26 -04:00
rollup.config.js	Initial Commit	2021-06-03 01:45:51 -04:00

README.md

diagram-js Code Editor

Build Status

A code editor for diagram-js.

Features

Modify script tasks with python formatting
Tests scripts in place with feedback
View externally provided data and functions

Usage

Extend your diagram-js application with the coding module. We'll use bpmn-js as an example:

import BpmnModeler from 'bpmn-js/lib/Modeler';

import codingModule from 'diagram-js-code-editor';

var bpmnModeler = new BpmnModeler({
  additionalModules: [
    codingModule
  ]
});

For proper styling integrate the embedded style sheet:

<link rel="stylesheet" href="diagram-js-minimap/assets/diagram-js-code-editor.css" />

Please see this example for a more detailed instruction.

License

MIT