步骤 1：导入翻译文件

Bpmn.js 在线流程编辑器汉化指南

导言

Bpmn.js 是一个流行的在线流程编辑器，用于创建和编辑业务流程图。为了提高对中文用户体验，汉化 Bpmn.js 是很有必要的。本指南将详细介绍汉化 Bpmn.js 的步骤。

1. 下载 Bpmn.js 的源代码。
2. 导航到 src/languages 目录。
3. 创建一个新的 JavaScript 文件，并将其命名为 zh-CN.js。

在 zh-CN.js 文件中，添加以下 JSON 对象：

{
  "translate": {
    "BPMN_JS_COMPONENT_NAME": "中文翻译的组件名称",
    "BPMN_JS_LABEL_TOOL_HELP": "中文翻译的工具提示标签"
  }
}

使用以下模式将所有 UI 文本添加到该对象：

"ORIGINAL_TEXT": "中文翻译"

在 src/js/util/translate.js 文件中，找到以下代码：

export function getAvailableLanguages() {
  return ["en", "de"];
}

将 ["en", "de"] 更新为 ["en", "de", "zh-CN"]。

在 src/bpmn-js.js 文件中，找到以下代码：

import { registerBpmnJSPatch } from 'bpmn-js-patch';

添加以下代码，以将汉化补丁集成到编辑器中：

registerBpmnJSPatch({
  dir: __dirname,
  file: 'zh-CN.js'
});

1. 构建 Bpmn.js。
2. 将构建后的文件集成到您的项目中。
3. 设置编辑器的语言，如下所示：

var bpmnJS = new BpmnJS({
  container: '#container',
  language: 'zh-CN'
});

提示

• 使用 GitHub 上的 Bpmn.js 翻译模板 作为参考。
• 确保翻译准确且上下文相关。
• 定期更新您的翻译以匹配 Bpmn.js 的最新版本。

Bpmn.js 在线流程编辑器是一个创建和编辑业务流程图的流行工具。本指南详细介绍了如何汉化 Bpmn.js 以提高中文用户体验。步骤包括导入翻译文件、添加翻译键和值、更新语言选择器、集成汉化补丁以及构建和使用。遵循这些步骤，您将能够成功地汉化 Bpmn.js。

---