언어 설정에 맞도록 리소스를 변경하는 예제입니다.
- 설명
-
DEXTUploadX5는 한국어를 기본으로 작성된 컴포넌트입니다.
그러나 브라우저의 navigator 객체로부터 얻을 수 있는 language 값이 한국어가 아닌 경우, 해당 언에 맞는 리소스를 찾습니다.
그러므로 다국어 환경을 유념하여 서비스를 한다면, 지원하려는 언어 리소스를 직접 만들어서 등록해주어야 합니다.
# DEXTUploadX5 리소스 위치에는 기본적으로 한국어 메시지 리소스가 포함되어 있습니다. dextuploadx5-svg-message-ko.txt # 만일 다른 언어 리소스를 사용하려면 알맞은 언어 리소스를 같이 위치에 등록해야 합니다. dextuploadx5-svg-message-en.txt dextuploadx5-svg-message-ja.txt dextuploadx5-svg-message-zh.txt
navigator.language, navigator.browserLanguage, navigator.systemLanguage 순으로 찾습니다.
dx5.create 함수를 사용하여 컴포넌트를 생성할 때, 사용할 언어 리소스를 강제로 지정할 수 있습니다.
강제로 언어가 지정되면, 브라우저 언어와 상관없이 해당 언어 리소스를 찾습니다.
// 자동으로 언어를 선택합니다. dx5.create({ mode: "multi", id: "dext5-1", parentId: "dext5-container1" }); // 한국어로 설정합니다. dx5.create({ mode: "multi", id: "dext5-2", parentId: "dext5-container2", lang: "ko" }); // 영어로 설정합니다. dx5.create({ mode: "multi", id: "dext5-3", parentId: "dext5-container3", lang: "en" }); // 일본어로 설정합니다. dx5.create({ mode: "multi", id: "dext5-4", parentId: "dext5-container4", lang: "ja" }); // 중국어로 설정합니다. dx5.create({ mode: "multi", id: "dext5-5", parentId: "dext5-container5", lang: "zh" });
- 예제
-
자동
한국어
영어
일본어
중국어