bpmn.js汉化方法

最新推荐文章于 2025-10-23 07:11:11 发布

原创最新推荐文章于 2025-10-23 07:11:11 发布 · 6.4k 阅读

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
      ],
    })

运行结果如下：