Integrate kie-tools standalone BPMN editor to my react app

265 views Asked by At

I am trying to integrate the BPMN standalone editor available in the kie-tools repository into my react application. As an initial way, tried using the <iframe> component in order to integrate. It seemed working well. But i am unable to customize the download activity as i am not able to get the content by using document.getElementById("bpmn-editor-container"). I have tried out in a chrome browser, disabling the security so that the cross origin issue will not come up.

1

There are 1 answers

1
paulovmr On

The editor itself will create an iframe inside the container you provide to the open function. Here is an usage example of the DMN editor (BPMN should be very similar) in a React page. And here is a blog post with a comprehensive description of the parameters you can use to interact with the editor.