Get started with l20n CDN
Apache-2.0 licensed
L20n is a JS internationalization library that simplifies the process of managing translations for web applications.
Tags:- localization
- l10n
Stable version
Copied!
How to start using l20n CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with l20n CDN - cdnhub.io</title>
<script src="https://cdn.jsdelivr.net/npm/i18next@1.11.9/i18next.min.js"></script>
<script src="https://cdn.cdnhub.io/l20n/1.0.2/l20n.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/i18next-browser-languagedetector@4.0.1/i18next-browser-languagedetector.min.js"></script>
<script src="locale/en.json"></script>
<script src="locale/es.json"></script>
</head>
<body>
<button id="change-language">Change Language</button>
<script>
const i18n = new I18n({
lng: 'en',
fallbackLng: 'en',
resources: {
en: require('./locale/en.json'),
es: require('./locale/es.json'),
},
});
document.getElementById('change-language').addEventListener('click', () => {
i18n.changeLanguage('es');
});
i18n.init();
document.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('[data-i18n]').forEach((el) => {
el.textContent = i18n.t(el.dataset.i18n);
});
});
</script>
</body>
</html>
Copied!
Copied!