Outil Gratuit

    Éditeur & Formateur de Messages Intlayer

    Créez, testez et validez vos déclarations de contenu Intlayer avec interpolations {{var}}, t(), plural(), enu(), select(), cond() et markdown.

    Modèles18
    INTLAYER Éditeur
    Syntaxe valide
    36 caractères1 lignes

    Variables de test & Aperçu en direct

    Modifiez les variables et changez de langue pour vérifier les règles CLDR

    Langue :
    Résultat généré (en):
    Hello Alex, welcome to Intlayer!
    Exporter vers une déclaration typée Intlayer
    import { type Dictionary } from 'intlayer';const convertedMessageContent = {  key: 'converted-message',  content: 'Hello {{name}}, welcome to Intlayer!',} satisfies Dictionary;export default convertedMessageContent;
    Intlayer valide les traductions à la compilation avec autocomplétion TypeScript complète.

    Intlayer Message Format Syntax Cheat Sheet

    Règles de syntaxe rapides et équivalences typées avec Intlayer

    FonctionnalitéSyntaxeExempleRemarquesÉquivalent Intlayer
    Variable Interpolation{{variableName}}Hello {{name}}!Double curly braces for dynamic parameter insertionuseIntlayer(key).name or resolveMessage()
    Multilingual Translationt({ en: "...", fr: "..." })t({ en: "Hello", fr: "Bonjour" })Locale-keyed translations with type safety and fallbackt({ [locale]: string })
    Pluralization (plural)plural({ one: "...", other: "..." })plural({ one: "1 item", other: "{{count}} items" })CLDR cardinal plural rules with automatic count lookupplural({ [category]: string })
    Exact Enumeration (enu)enu({ 0: "...", 1: "...", fallback: "..." })enu({ 0: "Zero", 1: "One", fallback: "{{count}}" })Exact numeric matching with fallback for remaining countsenu({ [number]: string, fallback })
    Dynamic Selection (select)select({ key: "...", fallback: "..." }, "variable")select({ admin: "Admin", fallback: "User" }, "role")Branch on any custom string variable discriminatorselect({ [key]: string }, variableKey)
    Gender Agreement (gender)gender({ male: "...", female: "...", fallback: "..." })gender({ male: "He", female: "She", fallback: "They" })Grammatical gender concordance with automatic lookupgender({ male, female, fallback })
    Boolean Condition (cond)cond({ true: "...", false: "..." })cond({ true: "Logged In", false: "Guest" })Evaluates boolean state conditionscond({ true: string, false: string })
    Markdown Content (md)md("# ...\n**bold**")md("# Title\n\n**Bold** {{variable}}")Rich markdown rendered to React / HTML nodesmd(markdownString)
    Embedded HTML (html)html("<tag>...</tag>")html("<p>Visit <a href=\"/\">home</a></p>")Embedded safe HTML markup for links and formattinghtml(htmlString)
    L’architecture pilotée par compilateur d’Intlayer remplace l’analyse complexe au runtime par la sécurité des types à la compilation.
    Écosystème Intlayer

    Ne vous souciez plus jamais des syntaxes complexes

    Intlayer transforme l’internationalisation en une expérience de développement fluide avec sécurité des types à la compilation, extraction automatique et CMS intégré.