«Vue интегрирует редактор моделей рабочих процессов Bpmn-js»Прошло больше месяца, и недавно я получил запрос от компании на китайизацию редактора процессов Bpmn.js, у меня нет другого выбора, кроме как вернуться и китайизировать редактор. Сегодня я буду следовать основам предыдущей статьи, чтобы рассказать о том, как локализовать Bpmn.js.
Полный код Githubbpmn-demo Авторский блогWinily
1. Сначала соберите редактор
Для этой части просто следуйте моей предыдущей статье, чтобы создать его, который является выше «Редактор модели рабочего процесса Vue Integration Bpmn-js».
2. Далее мы собираемся скачать китайский файл
Для этого китайского документа я нашел документ, переведенный большим парнем в облаке кодов,СвязьЕсть два файла translationsGerman.js и customTranslate.js, среди которых translationsGerman.js — конфигурация переведенного текста, а customTranslate.js — китайский переводчик, который будет сравнивать translationsGerman.js с исходной конфигурацией, полученной из редактора, а затем выполните операцию замены, чтобы заменить соответствующий текст на английском языке текстом на китайском языке.
3. Далее загружаем китайский файл в редактор
Два только что загруженных файла в основном готовы на 90%, и нам просто нужно загрузить их в наш редактор Bpmn.js.
Я поместил его прямо в каталог src для удобства, а на самом деле организую компоненты в соответствии с вашей собственной упаковкой. Следующий шаг — импортировать его в компонент, а затем загрузить.
После импорта загрузите его в редактор, добавьте эти два шага на основе предыдущей статьи, и локализация завершена.