A cute emoticon and emoji keyboard for textarea and input.

Inspired by the lovely OwO maded by DIYgod.

More features:

Generate random emoticon or emoji or image 💃

Support markdown syntax to display the cute images.

Demo

Preview

$ yarn add maltoses --save

<link rel="stylesheet" href="maltose.min.css">
<!-- ... -->
<div class="maltose"></div>
<!-- ... -->
<script src="maltose.min.js"></script>

const maltose_demo = new maltose()

import maltose from 'maltoses'
import 'maltoses/dist/maltose.min.css'

const maltose_demo = new maltose()

Type: string
Default: document.getElementsByClassName('maltose')[0]

The main tag which contains emoji and emoticon.

The default tag is the first element which classname contains maltose.

Type: string
Default: document.getElementsByTagName('textarea')[0]

The input or textarea tag which display the emoji or emoticon when you click it.

The default tag is the first textarea tag in DOM.

Type: string
Default: 100%

The width of the panel.

The default width is 100%.

Type: string
Default: 200px

The max-height of the panel.

The default max-height is 200px.

Type: string
Default: https://luyilin.github.io/Maltose/demo/maltose.json

Request the json file to get emoji and emoticon.


$ yarn install



$ gulp