Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/DIYgod/OwO
:lollipop: Lovely Emoticon and Emoji Keyboard for input
https://github.com/DIYgod/OwO
Last synced: about 2 months ago
JSON representation
:lollipop: Lovely Emoticon and Emoji Keyboard for input
- Host: GitHub
- URL: https://github.com/DIYgod/OwO
- Owner: DIYgod
- Created: 2016-04-10T08:01:19.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-01-05T03:45:08.000Z (over 6 years ago)
- Last Synced: 2024-07-13T08:03:24.249Z (2 months ago)
- Language: JavaScript
- Homepage: http://diygod.github.io/OwO/demo/
- Size: 30.3 KB
- Stars: 428
- Watchers: 8
- Forks: 55
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# OωO
[![npm](https://img.shields.io/npm/v/owo.svg?style=flat-square)](https://www.npmjs.com/package/owo)
[![npm](https://img.shields.io/npm/l/owo.svg?style=flat-square)](https://www.npmjs.com/package/owo)
[![devDependency Status](https://img.shields.io/david/dev/DIYgod/owo.svg?style=flat-square)](https://david-dm.org/DIYgod/OwO#info=devDependencies)
[![npm](https://img.shields.io/npm/dt/owo.svg?style=flat-square)](https://www.npmjs.com/package/owo)
[![%e2%9d%a4](https://img.shields.io/badge/made%20with-%e2%9d%a4-ff69b4.svg?style=flat-square)](https://www.anotherhome.net/)> Lovely Emoticon and Emoji Keyboard for textarea or input
## Introduction
[Demo](http://diygod.github.io/OwO/demo)
Screenshot
![OwO](http://i.imgur.com/eRSh95i.jpg)
## Install
```js
$ npm install owo --save
```## Usage
### HTML
```html
```
### JS
```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
```js
{
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
```js
var OwO = require('owo');
var OwO_demo = new OwO({
// ...
});
```### Data API
Provide emoticon data for OwO.
[Example](https://api.anotherhome.net/OwO/OwO.json)
## Run in development
```js
$ npm install
$ npm run dev
```## Make a release
```js
$ npm install
$ npm run build
```## LICENSE
MIT © [DIYgod](http://github.com/DIYgod)