swap-lang v1.0.7

Swap Lang

Swap lang allows you to separate the "Basic Latin" character and the "Language specific" character like Japanese, Arabic, etc. The idea came when I worked on the gallery website of UltraSuperNew. The latin character and the japanese don't have the same size and they have the same font and we want to have more control of our typography.

Usage

Init

var swapLang = require('swap-lang');

<!-- OR -->

import swapLang from 'swap-lang';

Basic usage

const defaultUsage = swapLang('Hello world! こんにちは世界');

// Output
Hello world! <span>こんにちは世界</span>

The basic usage uses Japanese (Katakana, Hiragana, Kanji). If you need an other language, use the example with parameters.

Extended usage

If you want to use a different tag.

const defaultUsage = swapLang('Hello world! مرحبا بالعالم', {lang: 'ar'});

// Output
Hello world! <span>مرحبا</span> <span>بالعالم</span>

If you want to use a class name

const defaultUsage = swapLang('Hello world! こんにちは世界', {class: 'ja'});

// Output
Hello world! <span class="ja">こんにちは世界</span>

The basic usage uses Japanese (Katakana, Hiragana, Kanji). If you need an other language, use the example with parameters.

Supported Languages

Test

yarn run test