• Stars
    star
    416
  • Rank 100,632 (Top 3 %)
  • Language
    JavaScript
  • Created about 8 years ago
  • Updated over 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🍭 Lovely Emoticon and Emoji Keyboard for input

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

More Repositories

1

RSSHub

🧡 Everything is RSSible
TypeScript
28,820
star
2

DPlayer

🍭 Wow, such a lovely HTML5 danmaku video player
JavaScript
14,384
star
3

APlayer

🍭 Wow, such a beautiful HTML5 music player
JavaScript
6,904
star
4

RSSHub-Radar

🍰 Browser extension that simplifies finding and subscribing RSS and RSSHub
JavaScript
4,019
star
5

Resume

🍰 Simple resume
HTML
1,013
star
6

hexo-theme-sagiri

🍰 As lovely as sagiri
HTML
505
star
7

Weibo2RSS

🍪 使用RSS订阅喜欢的微博博主 & 女朋友的微博情绪监控
JavaScript
477
star
8

Text2Emotion

🍪 分析一句话的情绪值
JavaScript
259
star
9

Amativeness

🍰 Wow, such a beautiful WordPress theme
JavaScript
195
star
10

download-webhook

🍰 Download files through webhook
JavaScript
186
star
11

EasyGoAgent

[已废弃]开箱即用&在线更新优质IP的GoAgent
Python
174
star
12

diygod.me

🍰 Hi, DIYgod
JavaScript
160
star
13

GoodNight

Auto saying good night to girlfriend
JavaScript
153
star
14

DIYgod-Obsidian-Starter

https://diygod.me/obsidian/
JavaScript
115
star
15

bilibili2RSS

使用RSS订阅喜欢的 bilibili up主和番剧
JavaScript
107
star
16

ttrss-theme-rsshub

🍰 Lovely theme for Tiny Tiny RSS
CSS
87
star
17

BaiduLocation

百度高精度IP定位
JavaScript
86
star
18

awesome-memobird

咕咕机资源汇总
81
star
19

Do-you-like-me

🍭 UI组件 -- Do you like me?
JavaScript
56
star
20

jCarrousel

🍭 UI组件 -- A jQuery Plugin to make a powerful 3D slider
JavaScript
40
star
21

NetEaseCloudMusic2RSS

使用RSS订阅她喜欢的网易云音乐
JavaScript
37
star
22

gugu-node-api

咕咕机 Node.js API
JavaScript
35
star
23

Juejin2RSS

🍪 使用 RSS 分类订阅稀土掘金
JavaScript
32
star
24

ttrss-plugin-remove-iframe-sandbox

Tiny Tiny RSS plugin to remove sandbox attribute on some iframes in feeds
PHP
27
star
25

QzoneAutoLike

QQ空间自动点赞
PHP
25
star
26

Compiler

An unfinished simple-C language compiler
C
24
star
27

LANChat

Java局域网聊天程序
Java
22
star
28

ZhihuDaily-for-Desktop

🍰 A ZhihuDaily client on Mac OS X, Windows and Linux.
JavaScript
19
star
29

Ticktack

人生只有 900 个月
JavaScript
17
star
30

DiningPhilosophersProblem

操作系统课内实践—哲学家就餐问题
Java
15
star
31

awesome-DIYgod

🎐Wow, such a lovely DIYgod
CSS
13
star
32

Ziroom2RSS

使用RSS订阅自如房源
JavaScript
12
star
33

QzoneAutoReview

QQ空间自动评论
PHP
12
star
34

DIYgod

11
star
35

Weibo2Login

Node.js 封装的微博登录 API
JavaScript
9
star
36

CourseCompiler

编译原理课内实践—翻译程序设计
C
8
star
37

WHUTNews

Python爬虫之武汉理工大学教务处公告推送
Python
6
star
38

suannai

一只叫酸奶的喵
JavaScript
6
star
39

ASpace

🍭 Add space between English and CJK(Chinese, Japanese and Korean)
JavaScript
6
star
40

GetMACAddress

得到本机的MAC地址
Java
5
star
41

polymer-demos

Polymer demos for everyone
JavaScript
5
star
42

SimpleCount

Simple count service.
JavaScript
3
star
43

Learn-design

Let's learn design
3
star
44

diygod.github.io

Anotherhome Code Branch
JavaScript
3
star
45

Demeter

What I learn/think about every day.
3
star
46

GravityBall

🍭 UI组件 -- Canvas画的带重力加速度的小球
JavaScript
3
star
47

demo

Some small demos.
JavaScript
2
star
48

Clear

Typecho主题 Clear
CSS
2
star
49

Gethosts

百度Chrome吧专用hosts
JavaScript
2
star
50

StudyRecord

Old things
HTML
2
star
51

GitHub-Show

🎐 [Still on development...] A beautiful widget to display GitHub user and repo information.
CSS
2
star
52

EGUpdate

EasyGoAgent的在线更新程序
Java
1
star
53

little-little-fish.github.io

小小鱼团队的主页
JavaScript
1
star
54

ZhihuDaily-for-Web

🍰 ZhihuDaily on Web.
CSS
1
star