Emojify conflicting with FontAwesome

[Cederman]

Hi! Awesome project! I love it :smile: However, I have noticed some strange behaviour when used on my site. I have a few FontAwesome icons on my page and once every 5th or so reload the FontAwesome icons end up looking like this:

Instead of this:

And when I run emojify.run(); the issues seems to dissapear. I also tried to rearrange the Emojify and FontAwesome css to load in different orders but it is still the same.

Any clues?

[hassankhan]

I would say you should add no-emojify to your icon classes, but try updating and let me know if it's still an issue

[hassankhan]

If you update, you should be able to provide a blacklist.classes array of classnames you don't want emojified.

[hassankhan]

Any luck?

[Cederman]

Hi, sorry for the delay. I tried to add blacklist.classes and provide an array like this: ['fa'] but it complains about the dot (".") in blacklist.classes. Am I interpreting it wrong?

[Cederman]

Like this:

if($('#comments').length) {
        emojify.setConfig({
            blacklist.classes : ['fa'],
            only_crawl_id    : 'comments',
            img_dir          : '/bower_components/emojify.js/images/emoji',  // Directory for emoji images
        });
        emojify.run();
    }

[hassankhan]

In the source, blacklist is an object, like so:

var defaultConfig = {
    blacklist: {
        'ids': [],
        'classes': ['no-emojify'],
        'elements': ['script', 'textarea', 'a', 'pre', 'code']
    },
    tag_type: null,
    only_crawl_id: null,
    img_dir: 'images/emoji',
    ignore_emoticons: false,
    mode: 'img'
};

Sorry, I'm unable to test right now because I'm at work :smile:

[Cederman]

Ah, I see. I added it now, thanks for the help. I won't be able to test this right away but I'll close this issue. :+1: