Html jQuery表情插件_jQuery仿百度表情插件下载

本Demo是一款jQuery输入框表情符号的插件、也是一款表情选择器代码、代码使用Emoji Picker插件制作的输入域表情符号选择器、效果非常不错、可以直接在input框右边直接点击输入、同样也支持Textarea

HTML代码

<div class="inner cover">
     <p class="lead emoji-picker-container">
        <input type="email" class="form-control" placeholder="输入字段" data-emojiable="true" />
    </p>

     <p class="lead emoji-picker-container">
        <textarea class="form-control textarea-control" rows="3" placeholder="文本区" data-emojiable="true"></textarea>
     </p>
</div>

jQuery代码

$(function() {
    // Initializes and creates emoji set from sprite sheet
    window.emojiPicker = new EmojiPicker({
        emojiable_selector: ´[data-emojiable=true]´,
        assetsPath: ´lib/img/´,
        popupButtonClasses: ´fa fa-smile-o´
    });
    // Finds all elements with `emojiable_selector` and converts them to rich emoji input fields
    // You may want to delay this step if you have dynamically created input fields that appear later in the loading process
    // It can be called as many times as necessary; previously converted input fields will not be converted again
    window.emojiPicker.discover();
});

最后给贴上Demo的源代码、希望对大家有用、有兴趣的哥们可以下载看看

源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1c0dPr0G 密码: cqic