🍭 A cute emoticon and emoji keyboard which can generate random emoticon or emoji and no xss.
Branch: master
Clone or download
Latest commit 86616be Feb 12, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo remove unusable emoticons Feb 7, 2018
dist use eslint to lint code Feb 12, 2018
src use eslint to lint code Feb 12, 2018
.eslintrc.js use eslint to lint code Feb 12, 2018
.gitignore modify img src Mar 7, 2017
README.md tweaks Feb 1, 2018
circle.yml remove test.. Jan 22, 2018
gulpfile.js use eslint to lint code Feb 12, 2018
package.json release v1.1.5 Feb 12, 2018
yarn.lock use eslint to lint code Feb 12, 2018

README.md

Maltose

NPM version NPM downloads CircleCI

A cute emoticon and emoji keyboard for textarea and input.

Inspired by the lovely OwO maded by DIYgod.

More features:

Generate random emoticon or emoji or image 💃

Support markdown syntax to display the cute images.

Introduction

Demo

Preview

Screenshot

Install

$ yarn add maltoses --save

Usage

Work with the single JavaScript file and the css file.

HTML

<link rel="stylesheet" href="maltose.min.css">
<!-- ... -->
<div class="maltose"></div>
<!-- ... -->
<script src="maltose.min.js"></script>

JS

const maltose_demo = new maltose()

Work with module bundler

import maltose from 'maltoses'
import 'maltoses/dist/maltose.min.css'

const maltose_demo = new maltose()

Options

wrap



Type: string
Default: document.getElementsByClassName('maltose')[0]

The main tag which contains emoji and emoticon.

The default tag is the first element which classname contains maltose.

target



Type: string
Default: document.getElementsByTagName('textarea')[0]

The input or textarea tag which display the emoji or emoticon when you click it.

The default tag is the first textarea tag in DOM.

width



Type: string
Default: 100%

The width of the panel.

The default width is 100%.

maxHeight



Type: string
Default: 200px

The max-height of the panel.

The default max-height is 200px.

api



Type: string
Default: https://luyilin.github.io/Maltose/demo/maltose.json

Request the json file to get emoji and emoticon.

Run
 maltose 
locally


$ yarn install



$ gulp