本地化Autodesk Forge扩展按钮

Question

我们如何本地化自定义扩展工具栏按钮的文本/工具提示：

myAwesomeToolbarButton {
background-image: url(/img/myAwesomeIcon.png);
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
}
toolbarButtonShowDockingPanel.addClass('myAwesomeToolbarButton');
toolbarButtonShowDockingPanel.setToolTip('My Awesome extension');

Answer 1

Forge Viewer使用的是一个自维护的i18next.js，我们可以添加额外的区域设置字典，如下面的字典：

class MyAwesomeExtension extends Autodesk.Viewing.Extension {
//...
load() {
const locales = {
'en': {
'My Awesome extension': 'My Awesome extension'
},
'zh-HANT': {
'My Awesome extension': '我的超讚外掛'
}
};
this.extendLocalization( locales );
return true;
}
//...
onToolbarCreated(toolbar) {
toolbarButtonShowDockingPanel.setToolTip(Autodesk.Viewing.i18n.t('My Awesome extension'));
}
}

您可以在这里获得支持的语言代码(如上面提到的en和zh-HANT(：https://developer.mozilla.org/en-US/docs/Web/API/NavigatorLanguage/language