如何设计编辑bpmn图

在此，使用bpmn-js

自定义 Palette

第一步：设置建模器

import Modeler from 'bpmn-js/lib/Modeler';
import inherits from 'inherits-browser';
import BaseModeler from './BaseModeler';

// 设置基础建模器
export default function Modeler(options) {
  // 调用基础建模器
  BaseModeler.call(this, options);
}

// 继承建模器
inherits(Modeler, BaseModeler);

/**
 * extension module
 * var extensionModule = {
 * __init__: ['interactionLogger'],
 * interactionLogger: ['type', InteractionLogger]
 * var bpmnModeler = new Modeler({ additionalModules: [extensionModule] });
 * };
 * 延伸建模器 extend the Modeler  additionalModules
 */
Modeler.prototype._modules = [].concat(
  Modeler.prototype._modules, [{
    __init__: ['paletteProvider'],
    paletteProvider: ['type', Modeler]
  }]
);

构造函数Modeler additionalModules的属性

  this.bpmnModeler = new Modeler({
    container: do