BPMN IO - онлайн-редактор диаграмм бизнес-процессов

BPMN IO - это библиотека, которая позволяет создавать, отображать и редактировать диаграммы на основе нотации BPMN (Business Process Model and Notation) в браузере. Библиотека предоставляет API для чтения и записи файлов BPMN, а также для взаимодействия с пользовательским интерфейсом.

Пример использования библиотеки может выглядеть следующим образом:

javascript
// Импортируем библиотеку
import BpmnModeler from 'bpmn-js/lib/Modeler';
// Создаем экземпляр моделировщика
const bpmnModeler = new BpmnModeler({
  container: '#canvas', // Идентификатор контейнера для диаграммы
  propertiesPanel: {
    parent: '#properties-panel'
  }
});
// Загружаем BPMN-диаграмму
bpmnModeler.importXML(xml, (err) => {
  if (err) {
    console.error('Ошибка загрузки диаграммы', err);
  } else {
    console.log('Диаграмма загружена успешно');
  }
});
// Экспортируем BPMN-диаграмму
bpmnModeler.saveXML({ format: true }, (err, xml) => {
  if (err) {
    console.error('Ошибка экспорта диаграммы', err);
  } else {
    console.log('XML-диаграмма', xml);
  }
});
// Получаем текущую выбранную форму
const elementRegistry = bpmnModeler.get('elementRegistry');
const selectedElement = elementRegistry.get('element-id');
console.log('Текущий выбранный элемент', selectedElement);

Вышеприведенный код показывает пример использования библиотеки BPMN IO для загрузки, экспорта и взаимодействия с BPMN-диаграммой. Библиотека также предоставляет множество других функций и методов для более продвинутых функций, таких как настройка свойств элементов диаграммы и добавление пользовательских элементов.