autokana – jQuery plugin

02 Oct, 2012

Autokana is a jQuery plugin that automatically converts latin (roumaji) to kana (hiragana / katakana) using the auto-correct principle (keep in mind that it’s not suitable for converting copy / pasted but only typed-in text).

You can download the plugin (including a simple usage example) from GitHub and use it for free.

To use it, you will have to add the following somewhere at the beginning of your body tag:

<script type="text/javascript">
  // bind events when document is ready
  $(document).ready(function() {
    // attach auto-kana plugin with default options
    $("#kana_text_box").autokana();
  });
</script>

After that add the input box itself wherever you need it (make sure to use the same ID in the above part and in the input field itself):

<input id="kana_text_box" type="text" />
<script type="text/javascript">
  // this part will clear and set focus on the input field on refresh
  // feel free to remove that part if you don't need it
  document.getElementById("kana_text_box").value="";
  document.getElementById("kana_text_box").focus();
</script>