工具欄，控件，和面板的提示都可以漢化成中文。
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
]
})
修改customTranslate文件夾里的漢化映射 translations.js
/** * This is a sample file that should be replaced with the actual translation. * * Checkout https://github.com/bpmn-io/bpmn-js-i18n for a list of available * translations and labels to translate. */ export default { //工具菜單提示ContextPadProvider.js,PaletteProvider.js 'Create EndEvent':'創建結束節點', 'Append EndEvent':'添加結束節點', 'Append Gateway':'添加分支', //節點功能按鍵 'Exclusive Gateway': 'Exklusives Gateway', 'Parallel Gateway': 'Paralleles Gateway', 'Inclusive Gateway': 'Inklusives Gateway', 'Complex Gateway': 'Komplexes Gateway', 'Event based Gateway': 'Ereignis-basiertes Gateway', 'Message Start Event': '消息啟動事件', 'Timer Start Event': '定時啟動事件', 'Conditional Start Event': '條件啟動事件', 'Signal Start Event': '信號啟動事件', 'Error Start Event': '錯誤啟動事件', 'Escalation Start Event': '升級啟動事件', 'Compensation Start Event': '補償啟動事件', 'Message Start Event (non-interrupting)': '消息啟動事件 (非中斷)', 'Timer Start Event (non-interrupting)': '定時啟動事件 (非中斷)', 'Conditional Start Event (non-interrupting)': '條件啟動事件 (非中斷)', 'Signal Start Event (non-interrupting)': '信號啟動事件 (非中斷)', 'Escalation Start Event (non-interrupting)': '升級啟動事件 (非中斷)', //---------屬性面板-------- 'General':'通用', 'Details':'詳情', 'Documentation':'文檔', 'Version Tag':'版本標簽', 'Category Value':'類別值', 'Process Id':'進程 Id', 'Process Name':'進程 Name', 'Link Name':'鏈接名稱', 'Element Documentation':'元素文檔', 'Process Documentation':'進程文檔', 'Executable':'可執行', 'Task Priority':'任務優先級', };