How to add BPMN documentation element to XML

Developers
4

Now I found that using moddle.create() can create the elements I need

But this is limited to existing DMPN elements

updateProperties(properties) {
      const { bpmnModeler, element } = this
      const moddle = bpmnModeler.get('bpmnFactory')
      var newObjectList = moddle.create('bpmn:ExtensionElements')
      var connector = moddle.create('flowable:field')
      connector.$parent = newObjectList
      bpmnModeler.get('elementRegistry').get(element.id).businessObject.extensionElements = newObjectList
}

What should I do now if I want to add a Flowable element?

For example, now I need to add flowable:field，Is there any good way to achieve it

<extensionElements>
    <flowable:field name="key">
          <flowable:string><![CDATA[value]]></flowable:string>
    </flowable:field>
</extensionElements>