kana-input.js

kana-input.js is a JavaScript library designed to write hiraganas and katakanas using a classic keyboard following the Hepburn romanization system.

How can I include it in my site ?

Just add the script to kana-input.js right before your closing </body> tag and add a data-kana-input attribute on <input> or <textarea> tags than need to write kanas.

How can I type kanas ?

Just type classic romaji letters in lower case for hiraganas and in upper case for katakanas. Kanas will appear as you type ;-)

Demo

Demo available here

Credits

• Hubert SABLONNIÈRE @hsablonniere