maltoses

Maltose

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

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