mxgraph开发——英文转中文

最新推荐文章于 2025-09-19 09:42:00 发布

uncle_Huang

最新推荐文章于 2025-09-19 09:42:00 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： mxgraph 文章标签： html5 mxgraph

本文链接：https://blog.youkuaiyun.com/uncle_Huang/article/details/110626510

mxgraph 专栏收录该内容

1 篇文章

订阅专栏

本文通过mxgraph的Graph Editor演示如何将英文界面转换为中文。首先下载mxgraph demo，然后介绍如何更改资源路径，将Init.js中加载的grapheditor.text替换为grapheditor_ch.text，并修改其中的属性名称，例如将help从'Help'改为'帮助'，从而实现部分工具栏的中文显示。

这里以mxgraph的图形编辑器Graph Editor为例，先去下载mxgraph的demo

顺便贴一下有关mxgraph开发相关的网址：

这里以图形编辑器为例，介绍一下，在mxgraph开发中，怎么把英文转成中文，先上一下效果图：
之前：
在这里插入图片描述
之后：

由于时间的关系，我就只把最上面的工具栏转成中文了，知道是啥效果就行

现在开始进入正题了。
打开demo，里面有很多例子，我们目前用的是图形编辑器。
在这里插入图片描述
先找到Init.js文件

重点看红框中这两行代码

window.RESOURCES_PATH = window.RESOURCES_PATH || 'resources';
window.RESOURCE_BASE = window.RESOURCE_BASE || window.RESOURCES_PATH + '/grapheditor';

这两句话就是页面加载的资源路径，找到该路径下的文件
在这里插入图片描述

在这里插入图片描述
为了不破坏原来文件，我们在index.html中改变原来资源加载的路径

 var RESOURCES_PATH = 'resources';
 var RESOURCE_BASE = RESOURCES_PATH + '/grapheditor_ch';

然后把原来的grapheditor.text在相同路径下复制并重命名为grapheditor_ch.text，并修改其中属性显示的名字。
在这里插入图片描述
原来是help=Help，修改为help=帮助，重新刷新页面，修改成功。（有时间我会把所有的英文都翻译成中文，到时候传上来。）