hangul-virtual-keyboard
Version:
On-screen Javascript Virtual Keyboard (Korean layout, English layout)
67 lines (42 loc) • 2.6 kB
Markdown
## hangul-virtual-keyboard
기존의 simple-keyboard에서 제공하는 Korean 버전은 받침이 입력되지 않는 문제점이 있습니다. 이를 해결하기 위해 hangul-js의 Hangul.assemble을 이용했습니다. 한글의 자음/모음을 조합하여 글자로 보여줍니다.
***
<p>
<a href="https://www.npmjs.com/package/simple-keyboard">
<h3>simple-keyboard</h3>
</a>
</p>
<blockquote>The slick virtual keyboard for Javascript. Compatible with your JS, React, Angular or Vue projects.</blockquote>
***
<a href="https://www.npmjs.com/package/hangul-js">
<h3>hangul-js</h3>
</a>
<blockquote>Hangul.js는 한글로 이루어진 문장의 자음과 모음을 분리하는 자바스크립트 라이브러리입니다. 자모 분리 또는 초성 검색에 사용할 수 있습니다.</blockquote>
***
## 📦 Installation & Usage
`npm install hangul-virtual-keyboard`
`import Keyboard from 'hangul-virtual-keyboard';`
## 🚀 Demo (simple-keyboard)
[Demo Showcase (Vanilla, Angular, React, Vue)](https://simple-keyboard.com/demo)
## 📖 Documentation (simple-keyboard)
Check out the [simple-keyboard documentation](https://simple-keyboard.com/documentation) site.
Feel free to browse the [Questions & Answers (FAQ)](https://simple-keyboard.com/qa-use-cases/) page for common use-cases.
### To run demo on your own computer
* Clone this repository
* `npm install`
* `npm start`
* Visit [http://localhost:3000/](http://localhost:3000/)
### Other versions
* [React.js](https://github.com/hodgef/react-simple-keyboard)
* [Angular](https://simple-keyboard.com/demo)
* [Vue.js](https://simple-keyboard.com/demo)
## ✳️ Modules (simple-keyboard)
You can extend simple-keyboard's functionality with [modules](https://franciscohodge.com/projects/simple-keyboard/modules/). Such as:
* [Autocorrect](https://franciscohodge.com/projects/simple-keyboard/demo-showcase/module-autocorrect/)
* [Input Mask](https://franciscohodge.com/projects/simple-keyboard/demo-showcase/module-input-mask/)
* [Key Navigation](https://franciscohodge.com/projects/simple-keyboard/demo-showcase/module-key-navigation/)
* [Swipe Keyboard](https://franciscohodge.com/projects/simple-keyboard/demo-showcase/module-swipe-keyboard/)
Want to create your own module? Check out the [Modules page](https://franciscohodge.com/projects/simple-keyboard/modules/) for instructions.
## ✅ Contributing
PR's and issues are welcome. Feel free to submit any issues you have at:
[https://github.com/LeeSongA/hangul-virtual-keyboard/issues](https://github.com/LeeSongA/hangul-virtual-keyboard/issues)