我們下載了 Camunda Modeler 的源代碼，我們創建了一個類似于此的自定義調色板export default class CustomPalette {    constructor(bpmnFactory, create, elementFactory, palette, translate) {        this.bpmnFactory = bpmnFactory;        this.create = create;        this.elementFactory = elementFactory;        this.translate = translate;        palette.registerProvider(this);    }    getPaletteEntries(element) {        const {            bpmnFactory,            create,            elementFactory,            translate        } = this;        function createServiceTask(event) {            const shape = elementFactory.createShape({                type: 'bpmn:ServiceTask'            });            create.start(event, shape);        }        function createCustomServiceTask(templateId, serviceTaskName) {            return function(event) {                const businessObject = bpmnFactory.create('bpmn:ServiceTask', {                    name: serviceTaskName,                    "camunda:modelerTemplate": templateId                });                const shape = elementFactory.createShape({                    type: 'bpmn:ServiceTask',                    businessObject: businessObject                });                create.start(event, shape);            }        }    }}CustomPalette.$inject = [    'bpmnFactory',    'create',    'elementFactory',    'palette',    'translate'];如果你看上面你會看到這條線className: 'bpmn-icon-service-task',這似乎定義了用于它的圖標。在項目中搜索該字符串時，我在 dist\css\bpmn.css 中遇到了一個實例.bpmn-icon-service-task:before { content: '\e856'; } /* '??–' */但是我不明白 \e856 真正引用了什么或如何在此處為自定義圖標添加條目在我看來，這content: '\e165'是某種約定或定義的過程。