Редактор та форматувальник повідомлень Intlayer
Створюйте, тестуйте та перевіряйте типобезпечні декларації вмісту Intlayer з інтерполяцією {{var}}, t(), plural(), enu(), select(), cond() та markdown.
Шаблони18
INTLAYER Редактор
Правильний синтаксис
36 символів1 рядків
Тестові змінні та попередній перегляд
Налаштуйте змінні та змініть мову для перевірки правил CLDR
Мова:
Отриманий результат (en):
Hello Alex, welcome to Intlayer!
Експортувати в типізовану декларацію Intlayer
Intlayer перевіряє переклади під час компіляції з повним автодоповненням TypeScript.
Intlayer Message Format Syntax Cheat Sheet
Швидкі правила синтаксису та відповідність деклараціям Intlayer
| Функція | Синтаксис | Приклад | Примітки | Еквівалент в 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) |
Архітектура Intlayer на основі компілятора замінює складний парсинг під час виконання перевіркою типів під час компіляції.
Екосистема Intlayer
Більше ніколи не турбуйтеся про складний синтаксис
Intlayer перетворює інтернаціоналізацію на приємний досвід розробки завдяки типізації під час компіляції, автоматичному вилученню та інтеграції з CMS.