Skip to content

DIYgod/OwO

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ddd7a30 · Jan 5, 2018

History

14 Commits
May 2, 2016
Apr 15, 2016
Apr 15, 2016
Apr 11, 2016
Jan 4, 2018
Apr 11, 2016
Apr 15, 2016

Repository files navigation

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

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published