OωO
Lovely Emoticon and Emoji Keyboard for textarea or input
Introduction
Screenshot
Install
$ npm install owo --save
Usage
HTML
<link rel="stylesheet" href="OwO.min.css">
<!-- ... -->
<div class="OwO"></div>
<!-- ... -->
<script src="OwO.min.js"></script>
JS
var OwO_demo = new OwO({
logo: 'OωO表情',
container: document.getElementsByClassName('OwO')[0],
target: document.getElementsByClassName('OwO-textarea')[0],
api: './OwO.json',
position: 'down',
width: '100%',
maxHeight: '250px'
});
Options
{
logo: 'OωO表情', // OwO button text, default: `OωO表情`
container: document.getElementsByClassName('OwO')[0], // OwO container, default: `document.getElementsByClassName('OwO')[0]`
target: document.getElementsByClassName('OwO-textarea')[0], // OwO target input or textarea, default: `document.getElementsByTagName('textarea')[0]`
api: './OwO.json', // OwO Emoticon data api, default: `https://api.anotherhome.net/OwO/OwO.json`
position: 'down', // OwO body position, default: `down`
width: '100%', // OwO body width, default: `100%`
maxHeight: '250px' // OwO body max-height, default: `250px`
}
Work with module bundler
var OwO = require('owo');
var OwO_demo = new OwO({
// ...
});
Data API
Provide emoticon data for OwO.
Run in development
$ npm install
$ npm run dev
Make a release
$ npm install
$ npm run build
LICENSE
MIT © DIYgod