How to New Task in taskList with task

Users
1

like this article:

I want to append new task in this list.

2

I assume you want to modify the replace menu. You can do this in the ReplaceOptions.

3

I add code in
but I don’t know what is next to add bpmn:Step1Task
2
1

I find BpmnRenderer deftion TASK svg path
How to custom and extends BpmnRenderer? and ReplaceMenuProvider?

import inherits from 'inherits';

import {
  isObject,
  assign,
  forEach
} from 'min-dash';

import BaseRenderer from 'diagram-js/lib/draw/BaseRenderer';
import BpmnRenderer from 'bpmn-js/lib/draw/BpmnRenderer';
import {
  isExpanded,
  isEventSubProcess
}
from 'bpmn-js/lib/util/DiUtil';

import {
  is
}
from 'bpmn-js/lib/util/ModelUtil';

import {
  createLine
} from 'diagram-js/lib/util/RenderUtil';

import {
  isTypedEvent,
  isThrowEvent,
  isCollection,
  getDi,
  getSemantic,
  getCirclePath,
  getRoundRectPath,
  getDiamondPath,
  getRectPath,
  getFillColor,
  getStrokeColor
}
from 'bpmn-js/lib/draw/BpmnRenderUtil';

import {
  query as domQuery
} from 'min-dom';

import {
  append as svgAppend,
  attr as svgAttr,
  create as svgCreate,
  classes as svgClasses
} from 'tiny-svg';

import {
  rotate,
  transform,
  translate
} from 'diagram-js/lib/util/SvgTransformUtil';

import Ids from 'ids';

export default function CustomBpmnRenderer(config, eventBus, styles, pathMap,
  canvas, textRenderer) {
  BpmnRenderer.call(this, config, eventBus, styles, pathMap,
    canvas, textRenderer, 2000);
}
inherits(CustomBpmnRenderer, BpmnRenderer);
CustomBpmnRenderer.$inject = ['config', 'eventBus', 'styles', 'pathMap',
  'canvas', 'textRenderer'
];
CustomBpmnRenderer.prototype.drawShape = function (parentGfx, element) {
  var type = element.type;
  if (type === 'bpmn:Step1Task') {
    debugger;
  }
  var h = this.handlers[type];
  /* jshint -W040 */
  return h(parentGfx, element);
};
4

What is bpmn:Step1?

5

a new task I try to add .
like default send-tassk but has own image

6

bpmn:Step1 is not a valid BPMN 2.0 type. This won’t work. For customizing elements please refer to this example: https://github.com/bpmn-io/bpmn-js-custom-elements-example

7

I’m try add more custom elements.
Any good way or copy? I don’t know what is alone file and what can reused.

8

Please don’t open GitHub issues for additional questions that can be answered in this topic.

Have a look at this example: https://github.com/bpmn-io/bpmn-js-examples/tree/master/custom-meta-model