Giter Site home page Giter Site logo

aharen / thaana-keyboard Goto Github PK

View Code? Open in Web Editor NEW
24.0 2.0 5.0 195 KB

Thaana keyboard replaces latin text to thaana (dhivehi) unicode characters using JavaScript

Home Page: https://thaana-keyboard.khusaam.com/

HTML 11.97% TypeScript 43.13% JavaScript 44.90%
thaana keyboard dhivehi javascript

thaana-keyboard's Introduction

thaana-keyboard

Thaana keyboard replaces latin text to thaana unicode characters using JavaScript.

Demo: https://thaana-keyboard.khusaam.com

Installation & Usage

npm

npm i thaana-keyboard

or using yarn

yarn add thaana-keyboard

or link to build file in d

<script src="../dist/ThaanaKeyboard.min.js"></script>

To start using in the default config, setup the input by adding class thaana-keyboard to the element

<input type="text"
	class="thaana-keyboard">

and initiating the keyboard

<script>
window.addEventListener('DOMContentLoaded' , (e) => {
    new ThaanaKeyboard();
});
</script>

If you need to use a different class, you can specify it as the first argument. Example:

<script>
window.addEventListener('DOMContentLoaded' , (e) => {
    new ThaanaKeyboard('my-custom-thaana-class');
});
</script>

Just make sure that the same class is assigned to the input ot textarea

The second argument for the class is a boolean which determines to run the class immediately. If specified false you much run it manually. Example:

<script>
window.addEventListener('DOMContentLoaded' , (e) => {
    const tk = new ThaanaKeyboard(
        'my-custom-thaana-class', 
        false
    );

    tk.run();
});
</script>

thaana-keyboard's People

Contributors

aharen avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

thaana-keyboard's Issues

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.