무료 도구

    Intlayer 메시지 포맷터 및 편집기

    {{var}} 보간, t(), plural(), enu(), select(), cond() 및 마크다운을 사용하여 타입 안전한 Intlayer 콘텐츠 선언을 빌드, 테스트 및 검증하세요.

    템플릿18
    INTLAYER 편집기
    유효한 구문
    36 1

    테스트 변수 및 실시간 미리보기

    변수를 조정하고 언어를 전환하여 CLDR 복수형 규칙을 확인하세요

    로케일:
    렌더링된 출력 (en):
    Hello Alex, welcome to Intlayer!
    Intlayer 타입 안전 선언으로 내보내기
    import { type Dictionary } from 'intlayer';const convertedMessageContent = {  key: 'converted-message',  content: 'Hello {{name}}, welcome to Intlayer!',} satisfies Dictionary;export default convertedMessageContent;
    Intlayer는 완벽한 TypeScript 자동 완성을 통해 컴파일 타임에 번역을 검증합니다.

    Intlayer Message Format Syntax Cheat Sheet

    빠른 구문 규칙 및 각 패턴이 Intlayer의 타입 안전 선언에 매핑되는 방법

    기능구문예시참고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)
    Intlayer의 컴파일러 기반 아키텍처는 복잡한 런타임 구문 분석을 컴파일 타임 타입 안전성과 자동 추출로 대체합니다.
    Intlayer 생태계

    복잡한 구문에 대해 더 이상 걱정하지 마세요

    Intlayer는 컴파일 타임 타입 안정성, 자동 컴포넌트 추출 및 완벽한 CMS 통합을 통해 국제화를 즐거운 개발 경험으로 바꿉니다.