Internationalization
Interface language
locale selects the language pack for menus, tooltips, dialogs, and other translated UI. locales registers these packs without selecting a language. This setting is shared by the units in the Univer instance. Use LocaleType values, such as LocaleType.EN_US.
- All products: UI:
localechanges translated menus, tooltips, dialogs, and plugin labels. It does not translate user content or rename existing units. - Sheets: cell formats and formulas: Cell number/date rendering uses the number-format locale override, then the workbook snapshot
locale, then the instancelocale.regiondoes not replace these settings. Formula behavior such asDOLLARand financial-result currency formats still useslocale; CJK input normalization also useslocale. - Docs: statistics:
localeis used for word segmentation/counting.
Changing language at runtime
Load all language packs for the installed plugins or presets before switching language. loadLocales() merges translations without switching; setLocale() selects them without downloading anything. Missing translation keys are displayed as keys. This example loads the shared UI pack; merge the target-language packs for your other installed plugins in the same call.
import { LocaleType, mergeLocales } from '@univerjs/core'import UIEnUS from '@univerjs/ui/locale/en-US'univerAPI.loadLocales(LocaleType.EN_US, mergeLocales(UIEnUS))univerAPI.setLocale(LocaleType.EN_US)console.log(univerAPI.getCurrentLocale()) // enUSRegistering Language Packs in Plugin Mode
To register language packs in plugin mode, you need to import the corresponding language packs from the plugins that provide them and merge them into a single object to pass to the Univer instance. Here is an example:
import { LocaleType, mergeLocales, Univer } from '@univerjs/core'import DesignEnUS from '@univerjs/design/locale/en-US'import SheetsUIEnUS from '@univerjs/sheets-ui/locale/en-US'import UIEnUS from '@univerjs/ui/locale/en-US'const univer = new Univer({ locale: LocaleType.EN_US, locales: { [LocaleType.EN_US]: mergeLocales( DesignEnUS, UIEnUS, SheetsUIEnUS, ), },})Caution
Not all plugins include language packs. We will specify this in the documentation for each feature.
Registering Language Packs in Preset Mode
Preset packages already include the corresponding plugin language packs, you just need to import them from the preset.
import { UniverSheetsCorePreset } from '@univerjs/preset-sheets-core'import UniverPresetSheetsCoreEnUS from '@univerjs/preset-sheets-core/locales/en-US'import { createUniver, LocaleType, mergeLocales } from '@univerjs/presets'const { univerAPI } = createUniver({ locale: LocaleType.EN_US, locales: { [LocaleType.EN_US]: mergeLocales( UniverPresetSheetsCoreEnUS, ), }, presets: [ UniverSheetsCorePreset(), ],})Merging language packs
mergeLocales Method is used to merge multiple plugin or preset language packs into a complete language pack object. You can use it as follows:
import { mergeLocales } from '@univerjs/core'// You can pass multiple language pack objects to mergeconst locales = mergeLocales( plugin1Locales, plugin2Locales, presetLocales,)// You can also pass an array of language pack objectsconst locales = mergeLocales([ plugin1Locales, plugin2Locales, presetLocales,])import { mergeLocales } from '@univerjs/presets'// You can pass multiple language pack objects to mergeconst locales = mergeLocales( plugin1Locales, plugin2Locales, presetLocales,)// You can also pass an array of language pack objectsconst locales = mergeLocales([ plugin1Locales, plugin2Locales, presetLocales,])Custom Language Packs
Univer also supports custom language packs. You can assemble a language pack object as needed and pass it to the Univer instance. The preset language packs are generally stored in the <rootDir>/packages/<PLUGIN_NAME>/locale directory.
import { LocaleType, Univer } from '@univerjs/core'const univer = new Univer({ locale: LocaleType.JA_JP, locales: { [LocaleType.JA_JP]: { ui: { shortcut: { undo: '元に戻す', redo: 'やり直す', }, }, }, },})Contributing Translations
Univer currently provides the following built-in language packs:
zh-CN: Simplified Chineseen-US: Englishzh-TW: Traditional Chinesezh-HK: Traditional Chinese (Hong Kong)ru-RU: Russianvi-VN: Vietnamesefa-IR: Persianfr-FR: Frenchja-JP: Japaneseko-KR: Koreanes-ES: Spanishca-ES: Catalansk-SK: Slovakianar-SA: Arabicde-DE: Germanid-ID: Indonesianit-IT: Italianpl-PL: Polishpt-BR: Portuguese (Brazilian)
Univer is an open source project full of inclusiveness, and we welcome developers from all over the world to add or improve locales for Univer.
Regional settings
region selects the regional conventions used by regional features. This setting is shared by the units in the Univer instance.
Use LocaleType values for both settings: for example, LocaleType.EN_US is enUS, while en-US is the language-pack file name / BCP 47 tag. Do not pass country codes such as US or SG as region. A region does not require its language pack when the UI uses a different locale.
Without an explicit region, it follows locale, including later setLocale() calls. Setting region at initialization or calling setRegion() stops that automatic following. Subsequent language changes keep the explicitly selected region. There is no public reset-to-follow API; update both values yourself when they should change together.
Add region: LocaleType.DE_DE next to locale in either createUniver() or new Univer() to keep your UI language while using German regional conventions.
import { LocaleType } from '@univerjs/core'univerAPI.setRegion(LocaleType.DE_DE)univerAPI.setLocale(LocaleType.EN_US)console.log(univerAPI.getCurrentRegion()) // deDEHere the UI switches to English and regional formatting stays German. getCurrentLocale() and getCurrentRegion() return the effective identifiers. To change both together, call both setters with the same LocaleType value.
- Sheets: currency controls:
regioncontrols the currency toolbar icon, currency/accounting choices and previews, and the pattern applied by the currency command. Changing it does not rewrite existing cell formats or convert monetary values. - Docs: statistics:
regionformats the displayed counts in the statistics dialog and status bar (for example, grouping separators); changingregiondoes not change the counting rules. - Thread comments, when enabled:
regioncontrols the displayed date/time format, with 24-hour time and Latin digits.localecontrols comment UI text. Neither changes stored timestamps;regionis not a timezone setting. - Boards, Slides, Bases, PDFs:
localecontrols translated UI.regionis available for shared features that consume it, such as thread comments when integrated; it does not automatically reformat board/slide text, Base fields, or PDF content.
Right-to-left layout
Caution
RTL currently supports only the UI layer. The rendering layer does not support RTL.
Layout direction is separate: use direction at initialization or univerAPI.setDirection('rtl') / setDirection('ltr'). Changing locale or region alone does not switch the layout direction.
univerAPI.setDirection('rtl')How is this guide?