무료 도구

i18next 메시지 포맷터 및 편집기

Name: Intlayer i18next Message Formatter & Editor
Rating: 4.92 (64 reviews)
Author: Intlayer

이중 중괄호 보간, 복수형 접미사(_one, _other), 컨텍스트 키 및 중첩을 사용하여 i18next 문자열을 포맷하고 테스트하세요.

Intlayer ICU MessageFormat i18next Vue I18n Gettext PO 다중 형식 변환기

템플릿14

I18NEXT 편집기

유효한 구문

40 자1 줄

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

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

로케일:

name

렌더링된 출력 (en):

Hello Sarah, welcome to our platform!

Intlayer 타입 안전 선언으로 내보내기

import { type Dictionary } from 'intlayer';const convertedMessageContent = {  key: 'converted-message',  content: 'Hello {{name}}, welcome to our platform!',} satisfies Dictionary;export default convertedMessageContent;

Intlayer는 완벽한 TypeScript 자동 완성을 통해 컴파일 타임에 번역을 검증합니다.

i18next Syntax Cheat Sheet

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

기능	구문	예시	참고	Intlayer 동등 표현
Interpolation	`{{variableName}}`	Hello {{user.name}}!	Double curly braces, supports dot paths	`{{user.name}}`
Unescaped HTML	`{{- rawVar}}`	Visit {{- url}}	Disables HTML escaping for raw markup	`html(...) or Markdown`
Plural Keys	`key_one, key_other`	"item_one": "1 item", "item_other": "{{count}} items"	Suffix keys based on count parameter	`plural({ one: "1 item", other: "{{count}} items" })`
Context Suffix	`key_context`	"friend_female": "Girlfriend"	Key appended with context parameter	`select({ female: "Girlfriend", fallback: "Friend" })`
Nesting	`$t(nested.key)`	Welcome, $t(common.brand)	Reuses other translation keys	`Direct object property reuse in TS`
Formatting	`{{val, format}}`	{{date, YYYY-MM-DD}}	Passes value through custom formatters	`Standard JavaScript/TypeScript helper`

Intlayer의 컴파일러 기반 아키텍처는 복잡한 런타임 구문 분석을 컴파일 타임 타입 안전성과 자동 추출로 대체합니다.

Intlayer 생태계

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

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

Intlayer 문서 탐색 GitHub