Lan-emoji NPM | npm.io

Lan-emoji

Introduction

editable div has ability to insert emoji.

Dependencies

No dependencies!

Installation (node.js)

$ npm install lan-emoji
$ yarn add lan-emoji

Installation (browser)

<link rel="stylesheet" href="css/lan.emoji.css"/>
<script src="enum.js"></script>

<body>
    <div id="emoji"></div>  //required 
    <div id="editArea" name="editArea" contenteditable="true"></div>
    <button id="btn">emoji</button>
</body>

Usage

<body>
    <div id="emoji"></div> //required 
    <div id="editArea" name="editArea" contenteditable="true"></div>
    <button id="btn">emoji</button>
</body>

const option = {
    editor: 'editArea',   //editable div id
    btn: 'btn',           //button id
    icon: [{
        path: 'dist/img/tieba',  //image path
        alias: {
        1: "hehe",
        2: "haha",
        3: "tushe",
        4: "a",
        5: "ku",
        6: "lu",
        7: "kaixin",
        8: "han",
        9: "lei",
        10: "heixian",
        11: "bishi",
        12: "bugaoxing",
        13: "zhenbang",
        14: "qian",
        15: "yiwen",
        16: "yinxian",
        17: "tu",
        18: "yi",
        19: "weiqu",
        20: "huaxin",
        21: "hu",
        22: "xiaonian",
        23: "neng",
        24: "taikaixin",
        25: "huaji",
        26: "mianqiang",
        27: "kuanghan",
        28: "guai",
        29: "shuijiao",
        30: "jinku",
        31: "shengqi",
        32: "jinya",
        33: "pen",
        34: "aixin",
        35: "xinsui",
        36: "meigui",
        37: "liwu",
        38: "caihong",
        39: "xxyl",
        40: "taiyang",
        41: "qianbi",
        42: "dnegpao",
        43: "chabei",
        44: "dangao",
        45: "yinyue",
        46: "haha2",
        47: "shenli",
        48: "damuzhi",
        49: "ruo",
        50: "OK"
        }
    }]
    }
          
    // use it as module (node.js)
    import 'lan-emoji/lib/css/lan-emoji.css'

    var Emoji = require('lan-emoji').emoji
    var _emoji = new Emoji(option)

    // use it as module (browser)
    var _emoji = new emoji(option)

    function emojiChange() {
        _emoji.emojiChange()
    }

    function emojiParse() {
        const editArea = document.querySelectorAll('#editArea')
        _emoji.emojiParse(editArea)
    }