- Internationalization and localization

- I18N (internationalization) , L10N (localization) , M17N (multilingualization)


jquery i18n 라이브러리

https://github.com/wikimedia/jquery.i18n



//================

* 언어 번역 자료 파일 설정


'i18n/jq_ko.json'

{

"num_1": "일",

"num_2": "이"

}



'i18n/jq_en.json'

{

"num_1": "One",

"num_2": "Two"

}



//================

* 언어 설정

<html lang="ko">


또는


$.i18n().locale = "ko";



//================

* 스크립트 로드

<script src="i18n/jquery.i18n.js"></script>

<script src="i18n/jquery.i18n.messagestore.js"></script>



//================

* 설정 로드

$(document).ready(function() {

    //i18n로드

    $.i18n().load( {

'ko': 'i18n/jq_ko.json',        

'en': 'i18n/jq_en.json'        

    });



//================

* 다국어 출력

$.i18n('num_1');



//============================

예제


<!DOCTYPE html>

<html lang="ko">

<head>

<meta charset="utf-8">


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>


<script src="i18n/jquery.i18n.js"></script>

<script src="i18n/jquery.i18n.messagestore.js"></script>


</head>


<body>


<p>Click Me</p>


<script>

$(document).ready(function() {

    //i18n로드

    $.i18n().load( {

        'ko': 'i18n/jq_ko.json',

'en': 'i18n/jq_en.json'

    });


//디버깅 설정

$.i18n.debug = true;


//언어 설정 변경

$.i18n().locale = "en";


$("p").click(function(){

//출력

$(this).text( $.i18n('num_1') );

});


})


</script>

</body>

</html>




//======================

//참고

https://phraseapp.com/blog/posts/jquery-i18n-the-advanced-guide/



Posted by 코덴스

댓글을 달아 주세요