Inline-i18n Demo Github Link

Allows you to write classes like "en", "de", "fr" to specify which language the element will show for.

When you call the function setLanguage('en'), it will show all elements containing the "en" class, and hide any elements which contain any other language code in the class name.

See plasmatech8/inline-i18a for more details.

Set Language

Content

Single Language

<div>
    <p class="en">English: Hello world!</p>
    <p class="fr">French: Bonjour le monde!</p>
    <p class="de">German: Hallo Welt!</p>
</div>

English: Hello world!

French: Bonjour le monde!

German: Hallo Welt!

Multiple Languages

<div>
    <p class="en fr">English and French: Hello world! Bonjour le monde!</p>
    <p class="fr de">French and German: Bonjour le monde! Hallo Welt!</p>
</div>

English and French: Hello world! Bonjour le monde!

French and German: Bonjour le monde! Hallo Welt!

Missing a Language!

<div>
    <p class="en">English: Hello world!</p>
    <p class="fr">French: Bonjour le monde!</p>
</div>

English: Hello world!

French: Bonjour le monde!

Other Tools 
undefined