Copy elements between multiple bpmn-js instances

Developers Modeler
1

Hi,

Is there a way to copy-paste elements (descriptions) between multiple BpmnJs instances?

Thank you for your help in advance.

Best regards,
Rómeó Nagy

2

Hey @romero83,

you can do the following:

var BpmnJS = require('bpmn-js/lib/Modeler);

var Clipboard = require('diagram-js/lib/features/clipboard/Clipboard');

var clipboard = new Clipboard();

var modeler = new BpmnJS({
    container: document.querySelector("canvas"),
    position: 'absolute',
    additionalModules: [
      { clipboard: [ 'value', clipboard ] }
    ]
  });

Basically, we’re instantiating ourselves the clipboard module so we have one instance that we can pass around to every bpmn-js instance that we create.

Cheers,
Ricardo

2 Likes
3

Thank you very much.

4

@romero83 @ricardomatias
I tried the above clipboard method to copy elements between two instances, but its not working, here is what i am doing:
Instance1:
import Clipboard from ‘diagram-js/lib/features/clipboard/Clipboard’;
let clipboard = new Clipboard();
const modeler = new BpmnJS({
container: “#canvas”,
position: ‘absolute’,
keyboard: {
bindTo: window,
},
additionalModules: [
{ clipboard: [ ‘value’, clipboard ] }
]
});
Instance2:(in diff file)
import Clipboard from ‘diagram-js/lib/features/clipboard/Clipboard’;
let clipboard = new Clipboard();
const modeler2 = new BpmnJS({
container: “#temp-canvas”,
position: ‘absolute’,
keyboard: {
bindTo: window,
},
additionalModules: [
{ clipboard: [ ‘value’, clipboard ] }
]
});

I have two questions here:

  1. Do i need to define additionalModules in both or just the initial instance.
  2. I tried by adding the clipboard module to both as well individually to single instance, but when i am copy from instance 2, i am unable to paste it in instance 1.

PS: First i created Instance1, then later on Instance2 and i want to copy elements from instance2 to instance1.
Any help is appreciated. Thanks.

5

My bad
I was passing different instances of clipboard module, but by passing the initial instance to all bpmn instances, it worked