Giter Club home page Giter Club logo

autokana's Introduction

autokana

Library for automatically rendering Furigana for inputed Japanese Text.

日本語入力に対するフリガナを自動的に別フィールドに記入するJQueryプラグイン。

Requires

  • Jquery

Description

Attaches a keydown listener to the first defined element, and transfers the inputted kana characters to the second element. This allows Japanese users to automatically input the furigana for their name without needing to input data twice. Because the furigana box is filled out in real time, corrections can be made by the user afterwards.

Based on Rubricks' autoRuby.js prototype project: http://d.hatena.ne.jp/rubricks/20080702/1215003705

第1変数のJqueryセレクターにキーダウンリスナーをバインドして、入力された文字をフリガナとして第2変数のJqueryセレクターに自動的に入力する。

RubricksのautoRuby.jsをベースにしました。Prototype版が必要でしたら、こちらを参照してください: http://d.hatena.ne.jp/rubricks/20080702/1215003705

Usage

  • Pass the NAME element and the FURIGANA input elements to the Plugin

  • $.fn.autoKana('#UserName', '#UserFurigana');

  • Optionally, pass the katakana:true option to automatically convert the furigana to full-width katakana

  • $.fn.autoKana('#UserName', '#UserFurigana', {katakana:true});

  • 名前とフリガナのフィールドエレメントをプラグインに定義:

  • $.fn.autoKana('#UserName', '#UserFurigana');

  • katakana:trueのオプションを定義した場合、フリガナがカタカナに変換されます。

  • $.fn.autoKana('#UserName', '#UserFurigana', {katakana:true});

Issues

  • Kana will be removed from the furigana field if deleted from the original input field, but kanji that are deleted from the input field will not be reflected in the furigana field

  • For obvious reasons, getting the Furigana of copy/pasted text is not supported

  • English characters are not currently supported

  • 入力欄から文字を削除した場合、カナはフリガナのフィールドからも削除されますが、入力された文字が漢字だった場合は、文字を削除しても、この通りに反映されない

  • keydownを利用しているので、コピペされたテキストは非対応

  • ローマ字は非対応

Example Site

Made for Kurokabe Square's online reservation system: http://kurokabe.jp/

長浜黒壁スクエアのクラス吹き体験教室システム http://kurokabe.jp/

autokana's People

Contributors

ablemiyahara avatar harisenbon avatar keik avatar shinshin86 avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.