bpmn.js汉化方法

最新推荐文章于 2026-05-20 09:37:40 发布

原创最新推荐文章于 2026-05-20 09:37:40 发布 · 6.5k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#bpmn

收录于

bpmn 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用BPMN.js实现流程图编辑器的国际化，通过导入自定义翻译模块，使编辑器支持多种语言显示，提升用户体验。文章提供了一个实际操作的例子，包括将示例文件夹复制到项目中，并在初始化时加入自定义翻译代码。

bpmn官网给了个翻译的例子：https://github.com/bpmn-io/bpmn-js-examples/tree/master/i18n

将例子里的customTranslate文件夹拷贝到项目里，然后在初始化的时候加上如下代码

首先引入import customTranslate from './customTranslate/customTranslate';

初始化：

    var customTranslateModule = {
      translate: [ 'value', customTranslate ]
    };
    const canvas = this.$refs.canvas

    this.bpmnModeler = new BpmnModeler({
      container: canvas,
      additionalModules:[
        customTranslateModule
      ],
    })

运行结果如下：