🍭 Lovely Emoticon and Emoji Keyboard for input
Switch branches/tags
Nothing to show
Clone or download
DIYgod
DIYgod Merge pull request #4 from knewzen/master
remove codesponsor
Latest commit ddd7a30 Jan 5, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo add emoticon May 2, 2016
dist fix line height Apr 15, 2016
src fix line height Apr 15, 2016
.gitignore first commit, unfinished Apr 11, 2016
README.md remove codesponsor Jan 4, 2018
gulpfile.js first commit, unfinished Apr 11, 2016
package.json update npm version Apr 15, 2016

README.md

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