时间戳

首页 > 解决方案 > 本地化 Autodesk Forge 扩展按钮

autodesk-forge - 本地化 Autodesk Forge 扩展按钮

问题描述

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

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');

标签： autodesk-forgeautodesk-viewer

解决方案

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

推荐阅读