Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aharen/thaana-keyboard
Thaana keyboard replaces latin text to thaana (dhivehi) unicode characters using JavaScript
https://github.com/aharen/thaana-keyboard
dhivehi javascript keyboard thaana
Last synced: 3 days ago
JSON representation
Thaana keyboard replaces latin text to thaana (dhivehi) unicode characters using JavaScript
- Host: GitHub
- URL: https://github.com/aharen/thaana-keyboard
- Owner: aharen
- Created: 2019-10-13T18:54:40.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-06-15T09:20:35.000Z (over 2 years ago)
- Last Synced: 2024-10-08T01:45:28.956Z (about 1 month ago)
- Topics: dhivehi, javascript, keyboard, thaana
- Language: JavaScript
- Homepage: https://thaana-keyboard.khusaam.com/
- Size: 190 KB
- Stars: 24
- Watchers: 2
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-maldives - thaana-keyboard @aharen - Thaana keyboard replaces latin text to thaana unicode characters using JavaScript. (Table of Contents / JAVASCRIPT Projects)
README
# thaana-keyboard
Thaana keyboard replaces latin text to thaana unicode characters using JavaScript.Demo: [https://thaana-keyboard.khusaam.com](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
```
```
To start using in the default config, setup the input by adding class `thaana-keyboard` to the element
```
```
and initiating the keyboard
```
window.addEventListener('DOMContentLoaded' , (e) => {
new ThaanaKeyboard();
});```
If you need to use a different class, you can specify it as the first argument. Example:
```
window.addEventListener('DOMContentLoaded' , (e) => {
new ThaanaKeyboard('my-custom-thaana-class');
});```
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:
```
window.addEventListener('DOMContentLoaded' , (e) => {
const tk = new ThaanaKeyboard(
'my-custom-thaana-class',
false
);tk.run();
});```