Editor e Formatador de Mensagens Intlayer
Crie, teste e valide declarações de conteúdo tipadas do Intlayer com interpolações {{var}}, t(), plural(), enu(), select(), cond() e markdown.
Modelos18
INTLAYER Editor
Sintaxe válida
36 caracteres1 linhas
Variáveis de teste e visualização ao vivo
Ajuste variáveis e mude de idioma para verificar regras CLDR
Idioma:
Resultado gerado (en):
Hello Alex, welcome to Intlayer!
Exportar para declaração com segurança de tipos do Intlayer
O Intlayer valida traduções em tempo de compilação com autocompletar TypeScript completo.
Intlayer Message Format Syntax Cheat Sheet
Regras de sintaxe rápidas e como cada padrão mapeia para o Intlayer
| Recurso | Sintaxe | Exemplo | Notas | Equivalente no 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) |
A arquitetura orientada por compilador do Intlayer substitui a análise em tempo de execução pela segurança de tipos na compilação.
Ecossistema Intlayer
Nunca mais se preocupe com sintaxes complexas
O Intlayer transforma a internacionalização em uma experiência agradável com segurança de tipos em tempo de compilação, extração automática e CMS integrado.