OwO - 用于输入可爱的表情符号

1
$ npm install owo --save

1
<link rel="stylesheet" href="OwO.min.css">
2
<!-- ... -->
3
<div class="OwO"></div>
4
<!-- ... -->
5
<script src="OwO.min.js"></script>

1
var OwO_demo = new OwO({
2
    logo: 'OωO表情',
3
    container: document.getElementsByClassName('OwO')[0],
4
    target: document.getElementsByClassName('OwO-textarea')[0],
5
    api: './OwO.json',
6
    position: 'down',
7
    width: '100%',
8
    maxHeight: '250px'
9
});

1
{
2
    logo: 'OωO表情',                                               // OwO button text, default: `OωO表情`
3
    container: document.getElementsByClassName('OwO')[0],         // OwO container, default: `document.getElementsByClassName('OwO')[0]`
4
    target: document.getElementsByClassName('OwO-textarea')[0],   // OwO target input or textarea, default: `document.getElementsByTagName('textarea')[0]`
5
    api: './OwO.json',                                            // OwO Emoticon data api, default: `https://api.anotherhome.net/OwO/OwO.json`
6
    position: 'down',                                             // OwO body position, default: `down`
7
    width: '100%',                                                // OwO body width, default: `100%`
8
    maxHeight: '250px'                                            // OwO body max-height, default: `250px`
9
}

1
var OwO = require('owo');
2
var OwO_demo = new OwO({
3
    // ...
4
});