Skip to content
master
Switch branches/tags
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
May 2, 2016
Apr 15, 2016
src
Apr 15, 2016

OωO

npm npm devDependency Status npm %e2%9d%a4

Lovely Emoticon and Emoji Keyboard for textarea or input

Introduction

Demo

Screenshot

OwO

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.

Example

Run in development

$ npm install
$ npm run dev

Make a release

$ npm install
$ npm run build

LICENSE

MIT © DIYgod

About

🍭 Lovely Emoticon and Emoji Keyboard for input

Resources

Releases

No releases published

Packages

No packages published