sartography
/
diagram-js-code-editor
mirror of https://github.com/sartography/diagram-js-code-editor.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
6 Commits 2 Branches 0 Tags 811 KiB
JavaScript 82.1%
CSS 17.9%
Go to file
NWalker4483 15699af87c Updated ReadMe 2021-06-03 05:20:57 -04:00
assets Fixed Toggle 2021-06-03 02:56:11 -04:00
lib Updated ReadMe 2021-06-03 05:20:57 -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 ReadMe 2021-06-03 05:20:57 -04:00
package-lock.json Updated ReadMe 2021-06-03 05:20:57 -04:00
package.json Updated ReadMe 2021-06-03 05:20:57 -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.

Code Editor

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: [
    minimapModule
  ]
});

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