Emoji plugin

Basic usage

This plugin allow you to add an emoji picker in Trumbowyg.

Select an emoji !

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident optio nam reiciendis eius beatae quibusdam!

The code


// Customize your emoji images base URL
emojify.setConfig({
    img_dir : '//cdnjs.cloudflare.com/ajax/libs/emojify.js/1.1.0/images/basic/',
});

$('#editor')
.trumbowyg({
    btns: [
        ['emoji']
    ]
});
emojify.run();

// Will transform an :emoji: to img tag at each input
$('.trumbowyg-editor').on('input propertychange', function() {
    emojify.run();
});

Setup

In head tag

At the end of body


<!-- Import jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<!-- Import emojify.js -->
<script src="//cdnjs.cloudflare.com/ajax/libs/emojify.js/1.1.0/js/emojify.min.js"></script>