Edytor i formatowanie wiadomości Intlayer
Twórz, testuj i waliduj deklaracje treści Intlayer z interpolacją {{var}}, t(), plural(), enu(), select(), cond() i markdown.
Szablony18
INTLAYER Edytor
Prawidłowa składnia
36 znaków1 wierszy
Zmienne testowe i podgląd na żywo
Dostosuj zmienne i zmień język, aby zweryfikować reguły CLDR
Język:
Wygenerowany wynik (en):
Hello Alex, welcome to Intlayer!
Eksportuj do deklaracji Intlayer z kontrolą typów
Intlayer sprawdza poprawność tłumaczeń w czasie kompilacji z pełnym autouzupełnianiem TypeScript.
Intlayer Message Format Syntax Cheat Sheet
Szybkie reguły składni i mapowanie wzorców na deklaracje Intlayer
| Funkcja | Składnia | Przykład | Uwagi | Odpowiednik w Intlayer |
|---|---|---|---|---|
| Variable Interpolation | {{variableName}} | Hello {{name}}! | Double curly braces for dynamic parameter insertion | useIntlayer(key).name or resolveMessage() |
| Multilingual Translation | t({ en: "...", fr: "..." }) | t({ en: "Hello", fr: "Bonjour" }) | Locale-keyed translations with type safety and fallback | t({ [locale]: string }) |
| Pluralization (plural) | plural({ one: "...", other: "..." }) | plural({ one: "1 item", other: "{{count}} items" }) | CLDR cardinal plural rules with automatic count lookup | plural({ [category]: string }) |
| Exact Enumeration (enu) | enu({ 0: "...", 1: "...", fallback: "..." }) | enu({ 0: "Zero", 1: "One", fallback: "{{count}}" }) | Exact numeric matching with fallback for remaining counts | enu({ [number]: string, fallback }) |
| Dynamic Selection (select) | select({ key: "...", fallback: "..." }, "variable") | select({ admin: "Admin", fallback: "User" }, "role") | Branch on any custom string variable discriminator | select({ [key]: string }, variableKey) |
| Gender Agreement (gender) | gender({ male: "...", female: "...", fallback: "..." }) | gender({ male: "He", female: "She", fallback: "They" }) | Grammatical gender concordance with automatic lookup | gender({ male, female, fallback }) |
| Boolean Condition (cond) | cond({ true: "...", false: "..." }) | cond({ true: "Logged In", false: "Guest" }) | Evaluates boolean state conditions | cond({ true: string, false: string }) |
| Markdown Content (md) | md("# ...\n**bold**") | md("# Title\n\n**Bold** {{variable}}") | Rich markdown rendered to React / HTML nodes | md(markdownString) |
| Embedded HTML (html) | html("<tag>...</tag>") | html("<p>Visit <a href=\"/\">home</a></p>") | Embedded safe HTML markup for links and formatting | html(htmlString) |
Architektura Intlayer oparta na kompilatorze zastępuje złożone parsowanie w czasie wykonywania bezpieczeństwem typów w czasie kompilacji.
Ekosystem Intlayer
Nigdy więcej nie martw się skomplikowaną składnią
Intlayer zmienia internacjonalizację w przyjemne doświadczenie programistyczne dzięki bezpieczeństwu typów w czasie kompilacji, automatycznej ekstrakcji i integracji z CMS.