40 lines
1.7 KiB
Markdown
40 lines
1.7 KiB
Markdown
# Internationalization (i18n)
|
|
|
|
import LiveCodes from '../../src/components/LiveCodes.tsx';
|
|
|
|
LiveCodes currently supports UI internationalization. By default, the UI language will be automatically detected based on your browser settings.
|
|
|
|
You can easily switch between supported UI languages using the i18n menu, allowing you to explore and use LiveCodes in your preferred language!
|
|
|
|
If you are interested in contributing to the translation of LiveCodes, please refer to the [i18n Contribution Guide](https://github.com/live-codes/livecodes/blob/develop/docs/docs/contribution/i18n.html.md).
|
|
|
|
|
|
|
|
|
|
|
|
Demo: ([Embedded playground](./embeds.html.md) with `appLanguage: 'zh-CN'`)
|
|
|
|
<LiveCodes template="javascript" config={{ appLanguage: 'zh-CN' }}></LiveCodes>
|
|
|
|
## Using SDK
|
|
|
|
Set the [configuration object](../configuration/configuration-object.html.md) property [`appLanguage`](../configuration/configuration-object.html.md)#applanguage) to a supported language code.
|
|
|
|
```js
|
|
import { createPlayground } from 'livecodes';
|
|
|
|
createPlayground('#container', { template: 'javascript', config: { appLanguage: 'auto' } });
|
|
```
|
|
|
|
## Using query params
|
|
|
|
Add the [query parameter](../configuration/query-params.html.md) `appLanguage` with your preferred language code.
|
|
|
|
https://livecodes.io?template=javascript&appLanguage=fr
|
|
|
|
## Related
|
|
|
|
- [User Settings](./user-settings.html.md)
|
|
- [Editor Settings](./editor-settings.html.md)
|
|
- [Query params](../configuration/query-params.html.md)
|
|
- [i18n Contribution Guide](https://github.com/live-codes/livecodes/blob/develop/docs/docs/contribution/i18n.html.md) |