神刀安全网

?「OωO」 – 一朵炒鸡萌的表情面板

OωO

?「OωO」 - 一朵炒鸡萌的表情面板 ?「OωO」 - 一朵炒鸡萌的表情面板 ?「OωO」 - 一朵炒鸡萌的表情面板 ?「OωO」 - 一朵炒鸡萌的表情面板 ?「OωO」 - 一朵炒鸡萌的表情面板

Lovely Emoticon and Emoji Keyboard for textarea or input

Introduction

Demo

Screenshot

?「OωO」 - 一朵炒鸡萌的表情面板

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

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » ?「OωO」 – 一朵炒鸡萌的表情面板

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址