i18next 현지화 및 자바 스크립트

Question

저는 i18next 자바 스크립트 용 현지화 작업을하고 있습니다. PHP와 javascript를 결합하고 있으므로 3 개 언어 (en, de, fr)에 대한 현지화가 필요하므로 작은 문제에 직면하고 있습니다. 오늘 i18next 라이브러리로 처음 작업을 시작했고 div, ul과 같은 정상적인 태그를 번역 할 때 모든 것이 잘 작동합니다 ... 내가 직면 한 문제는 그림입니다. 모든 언어에 대해 다른 그림이 필요하기 때문에 태그 매개 변수에 값을 설정하기 위해 i18next 라이브러리에서 가능하지는 않습니다. 예를 들어 :

style="background-image: url(languages/fr/design.png);" 

이이 이미지에서 언어 설정에 따라 다릅니다 design.png 항상 동일하지 않습니다 :

document.write('<form action="dropzone.php" enctype="multipart/form-data" class="dropzone" style="background-image: url(languages/fr/design.png);" method="post"><div class="fallback" data-i18n="design"><input name="file" type="file" multiple /></div></form>');  

그리고 내가 여기 변경해야 할 것은 스타일은이 부분입니다 URL, 예를 들면 :

localhost/designer/box/test.php?lang=fr 

는 다음과 같이, 모든 랭 다른 이미지의 경로로, i18next 라이브러리와이를 변경할 수있는 방법이 있나요 :

url(languages/en/design.png) 
url(languages/de/design.png) 
url(languages/fr/design.png) 

document.write? 아니면 URL에서 lang 매개 변수의 가치를 얻을 수있는 방법은 자바 스크립트 (RegEx없이, 이것이 내 마지막 솔루션처럼 RegEx 함께 할 수있을 것입니다)?

Answer 1

i18next doc에 따르면 i18next.language을 사용하면 i18next가 사용중인 현재 언어를 얻을 수 있습니다.

var lang = i18next.language 
var style="background-image: url(languages/"+ lang +"/design.png);" 
console.log(style);  

예 jsfiddle

에